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

Yeoman介绍

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

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

bower介绍

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

bower安装指定的依赖库

搭建过程

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

1、全局安装yeoman环境

npm install -g yo grunt-cli bower

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

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

 

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

npm install -g generator-angular

4、创建开发目录文件夹 使用mkdir或者手动创建都可以 我创建的是test

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

 

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

7、安装gruntfile.js文件中需求的所有插件

npm install 默认安装所有需求的插件

 

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

bower install

 

9、生成dist文件夹并运行

grunt serve:dist

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