The Angular Full-Stack Generator

​
 ​
​ ​
​ ​
​ ​
​​
Yeoman generator for creating MEAN/SEAN stack applications, using ES2017, MongoDB/SQL, Express, Angular, and Node - lets you quickly set up a project following best practices.
Generated project:
​​
​ ​
​ ​
​​
Usage
Install yo, gulp-cli, and generator-angular-fullstack:
1
npm install -g yo gulp-cli generator-angular-fullstack
Copied!
Please note: If you run into trouble compiling native add-ons during the installation, follow node-gyp's short guide on required compilation tools.
Then, to run your app (make sure the MongoDB daemon is running if you selected Mongo), run the following to start your server:
1
npm run start:server
Copied!
and the following to start the Webpack dev server for the front-end:
1
npm run start:client
Copied!
The Webpack server will tell you which port to access the app at (usually http://localhost:8080/).
Run yo angular-fullstack
1
yo angular-fullstack
Copied!
See the Getting Started guide for more information.
Prerequisites
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.
If you have Docker installed, you can easily run a test database with docker run -p 27017:27017 --name afs-mongo -d mongo
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/​
Supported Configurations
General
Build Systems: Gulp
Testing: 
Jasmine
Mocha + Chai + Sinon
Chai assertions:
Expect
Should
Client
Scripts: JavaScript (Babel), TypeScript
Module Systems: Webpack
Markup:  HTML, Pug
Stylesheets: CSS, Stylus, Sass, Less
CSS Frameworks: Bootstrap
Option to include UI Bootstrap
Server
Scripts: JavaScript (Babel), TypeScript (planned)
Database:
None,
MongoDB, SQL
Authentication boilerplate: Yes, No
oAuth integrations: Facebook, Twitter, Google
Socket.io integration: Yes, No
Generators
Available generators:
App
​angular-fullstack (aka angular-fullstack:app)
Server Side
​angular-fullstack:endpoint​
Client Side (via generator-angular-fullstack-component)
​angular-fullstack:route​
To be re-updated:
​angular-fullstack:component​
​angular-fullstack:controller​
​angular-fullstack:filter​
​angular-fullstack:directive​
​angular-fullstack:service​
​angular-fullstack:provider​
​angular-fullstack:factory​
​angular-fullstack:decorator​
Deployment
​angular-fullstack:openshift​
​angular-fullstack:heroku​
Documentation
Check out our documentation home page.
Contribute
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.
License
​BSD license​
​​
​​

Next - Getting Started

Pre-Requisites

Last modified 2yr ago

Copy link

Contents

Generated project:

Usage

Prerequisites

Supported Configurations