yeoman+gulp+angular构建你的项目

一、yeoman的优势与劣势

1、优势

1）重量级的项目管理脚手架，涵盖类库丰富，安装插件简单；

2）技术整合成熟，打包依赖，配套类库合理，人性；

3）命令简单，不需要投入太多学习成本就能完成整个项目的搭建、开发、打包工作。

2、劣势

1）配置文件过于复杂，过于依赖bower,不易自定义的设置；

2）引入的类库过于臃肿，没有sass+gulp+webpack+Browsersync构建轻量

3）css模块化 项目监听 中规中矩，无法满足高度模块化项目，移动端调试的需求

二、安装步骤

1、安装node.js

这个这里先不多说，注意：高版本的NodeJs需要手动添加环境变量。

2.检查node 安装是否成功

$ node -v

2、安装cnpm镜像

原因：下载资源和安装插件速度快，防止被墙，导致安装失败

$ npm install -g cnpm --registry=https://registry.npm.taobao.org                                      

 检查cnpm是否安装成

$ cnpm -v

3.安装依赖 gulp bower

$ cnpm install -g gulp bower

检查gulp bower 是否安装成功

 gulp -v

bower -v

3.全局安装yeoman

$ cnpm install -g yo

检查yoeman是否安装成功

$ yo -v

4.安装angular

$ cnpm install -g generator-gulp-angular

5.新建项目并跳转

$ mkdir my-project && cd my-project

$ yo gulp-angular     运行生成器

6.ui库的选择

bootstarp 3.0

7.js库的选择

anguarStrap （访问不了可能是被墙了）

8.运行server

$ gulp serve

9.项目打包

$ gulp build