使用yeoman快速搭建基于angularjs的js项目

Yeoman介绍

Yeoman是Google的团队和外部贡献者团队合做开发的，他的目标是经过Grunt（一个用于开发任务自动化的命令行工具）和Bower（一个HTML、CSS、Javascript和图片等前端资源的包管理器）的包装为开发者建立一个易用的工做流。

Yeoman主要有三部分组成：yo（脚手架工具）、grunt（构建工具）、bower（包管理器）。这三个工具是分别独立开发的，可是须要配合使用，来实现咱们高效的工做流模式。

bower介绍

bower做为一个js依赖管理的工具，提供一种理想包管理方式，借助了npm的一些思想，为咱们提供一个舒服的开发环境。

bower安装指定的依赖库

搭建过程

前提已经安装git、nodejs、npm、vscode（搭建过程当中非必要）

一、全局安装yeoman环境

npm install -g yo grunt-cli bower

二、检测是否已经安装成功（此处我是全局安装的Grunt，其实应该是全局安装gurnt-cli，在开发目录下安装grunt便可）

npm yo --version && grunt --version && bower --version

 

三、安装angular生成器 不选择版本的话默认是angularjs1.x

npm install -g generator-angular

四、建立开发目录文件夹 使用mkdir或者手动建立均可以 我建立的是test

五、在test文件夹打开命令行输入：yo

 

六、选择generator，咱们选择angular 这时它会去github上下载文件和目录到test文件夹

七、安装gruntfile.js文件中需求的全部插件

npm install 默认安装全部需求的插件

 

八、安装bower.json文件中的默认的依赖库

bower install

 

九、生成dist文件夹并运行

grunt serve:dist

十、这样一个基于angularjs的js项目就搭建完成了。