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:
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.
Then, to run your app (make sure the MongoDB daemon is running if you selected Mongo), run the following to start your server:
npm run start:server
and the following to start the Webpack dev server for the front-end:
npm run start:client
The Webpack server will tell you which port to access the app at (usually http://localhost:8080/).
Run yo angular-fullstack
yo angular-fullstack
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
mongodprocess running.- If you have Docker installed, you can easily run a test database with
docker run -p 27017:27017 --name afs-mongo -d mongo
- If you have Docker installed, you can easily run a test database with
- 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:
JasmineMocha + Chai + Sinon- Chai assertions:
ExpectShould
- Chai assertions:
Client
- Scripts:
JavaScript (Babel),TypeScript - Module Systems:
Webpack - Markup:
HTML,Pug - Stylesheets:
CSS,Stylus,Sass,Less - 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:
Generators
Available generators:
- App
- Server Side
- Client Side (via generator-angular-fullstack-component)
- To be re-updated:
- Deployment
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
-
本篇文章是由Yeoman推进的，开发AngularJS应用上下文中的工作流和自动化构建系统。请确保已安装，node.js，npm，bower，gulp，yo 。 npm安装：下载node.js并安装 bower安装： npm install bower -g 之后安装Git（百度即可） gulp安装： npm install gulp -g yo： npm install yo -g (npm需要
-
swagger 源代码 by Mark Grichanik 马克·格里卡尼克(Mark Grichanik) 我们如何使用swagger代码生成器从Angular 4更新到Angular 5 (How we updated from Angular 4 to Angular 5 using swagger code generator) As a full stack developer in a
-
转自：https://segmentfault.com/a/1190000003858219 首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。 两个编写Angular的代码规范，分别是angularjs-styleguide和angular-styleguide 项目文件结构生成的插件（一般要配合y
-
generator-angular-pro Web/mobile Angular project generator for scalable, enterprise-grade applications. Includes modern (and stable) tools and workflow, best practices, base template and an exhaustive
-
generator-angular-webpack-es6 Yeoman generator for AngularJS + Webpack with ES6 and SASS. Latest Webpack with Tree Shaking feature enabled Babel 6 with ES2017 features included Perfectly compatible wi
-
问题内容： 我们将DaftMonk / AngularJS Full- Stack生成器用于projet。生成的代码包含用于管理用户（注册，登录，角色等）的逻辑，这很棒。但是，使用代码时会出现问题，并且当前用户的角色有时是不确定的。 我们想要实现一个简单的功能时遇到了这个问题：登录/注册后，应该将用户重定向到一个取决于其角色的URL。例如，应将用户重定向到，将用户重定向到。由于Auth.getCu
-
常规函数只会返回一个单一值（或者不返回任何值）。 而 Generator 可以按需一个接一个地返回（“yield”）多个值。它们可与 iterable 完美配合使用，从而可以轻松地创建数据流。 Generator 函数 要创建一个 generator，我们需要一个特殊的语法结构：function*，即所谓的 “generator function”。 它看起来像这样： function* gene
-
generator（生成器）是ES6标准引入的新的数据类型。一个generator看上去像一个函数，但可以返回多次。 ES6定义generator标准的哥们借鉴了Python的generator的概念和语法，如果你对Python的generator很熟悉，那么ES6的generator就是小菜一碟了。如果你对Python还不熟，赶快恶补Python教程！。 我们先复习函数的概念。一个函数是一段完整
-
Express' application generator. Installation $ npm install -g express-generator Quick Start The quickest way to get started with express is to utilize the executable express(1) to generate an applicat