一、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库的选择
7.js库的选择
anguarStrap (访问不了可能是被墙了)
8.运行server
$ gulp serve
9.项目打包
$ gulp build