Yeoman generator for creating MEAN/SEAN stack applications, using ES6, MongoDB/SQL, Express, AngularJS, and Node - lets you quickly set up a project following best practices.
Install yo
, gulp-cli
, and generator-angular-fullstack
:
npm install -g yo gulp-cli generator-angular-fullstack
Please note: If you run into trouble compiling native add-ons during the installation, follow node-gyp
's short guide on required compilation tools.
If you're looking for Angular 2, you can try the latest alpha (
npm install -g generator-angular-fullstack@alpha
), or if you'd like a more complete solution, you can give angular2-webpack-starter a shot.
Run yo angular-fullstack
yo angular-fullstack
See the Getting Started guide for more information.
- MongoDB - Download and Install MongoDB - If you plan on scaffolding your project with mongoose, you'll need mongoDB to be installed and have the
mongod
process running. - The project's JavaScript is written in ECMAScript 2015. If you're unfamiliar with the latest changes to the specification for JavaScript, check out http://es6-features.org/
General
- Build Systems:
Gulp
- Testing:
Jasmine
Mocha + Chai + Sinon
- Chai assertions:
Expect
Should
- Chai assertions:
Client
- Scripts:
JavaScript (Babel)
,TypeScript
- Module Systems:
Webpack
- Markup:
HTML
,Pug
- Stylesheets:
CSS
,Stylus
,Sass
,Less
- Angular Routers:
ngRoute
,ui-router
- CSS Frameworks:
Bootstrap
- Option to include
UI Bootstrap
- Option to include
Server
- Scripts:
JavaScript (Babel)
,TypeScript
(planned) - Database:
None
,MongoDB
,SQL
- Authentication boilerplate:
Yes
,No
- oAuth integrations:
Facebook
,Twitter
,Google
- Socket.io integration:
Yes
,No
- Authentication boilerplate:
Available generators:
- App
- Server Side
- Client Side (via generator-ng-component)
- Deployment
Check out our documentation home page.
See the contributing docs
When submitting an issue, please follow the Yeoman issue guidelines. Especially important is to make sure Yeoman is up-to-date, and providing the command or commands that cause the issue, as well as any stack traces.
Support us with a monthly donation and help us continue our activities. [Become a backer]
Is your company using Angular-FullStack? Ask your boss to support the project. You will get your logo on our README on Github with a link to your site. [Become a sponsor]