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
, grunt-cli
/gulp-cli
, bower
, and generator-angular-fullstack
:
npm install -g yo grunt-cli gulp-cli bower generator-angular-fullstack
Make a new directory, and cd
into it:
mkdir my-new-project && cd $_
Run yo angular-fullstack
, optionally passing an app name:
yo angular-fullstack [app-name]
Run grunt
/gulp build
for building, grunt serve
/gulp serve
for development, and grunt serve:dist
/gulp serve:dist
for a preview of the built app.
- 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:
Grunt
,Gulp
- Testing:
Jasmine
Mocha + Chai + Sinon
- Chai assertions:
Expect
Should
- Chai assertions:
Client
- Scripts:
JavaScript (Babel)
,TypeScript
- Module Systems:
Bower
,Webpack
(soon),SystemJS + JSPM
(planned) - Markup:
HTML
,Jade
- 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
- 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]