前言
Yeoman 是一个可以帮助我们快速构建 Web 应用的工具，它提供了一种标准的 Web 应用开发脚手架，可以自动生成项目文件结构、构建系统和测试框架等。在前端开发中，使用 Yeoman 可以大大提高开发效率，降低出错率。本文将介绍如何使用 Yeoman 极速搭建 AngularJS 项目。
准备工作
在开始之前，我们需要先安装 Node.js 和 Yeoman。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以让 JavaScript 运行在服务器端，而 Yeoman 则是一个基于 Node.js 的脚手架工具。安装 Node.js 可以到官网上下载安装包进行安装，安装 Yeoman 可以使用 npm 命令进行安装：
--- ------- -- --
安装完成后，我们可以使用以下命令来检查是否安装成功：
-- ---------
如果输出版本号，则说明安装成功。
创建项目
我们现在可以使用 Yeoman 来创建一个 AngularJS 项目了。在这里，我们使用 Yeoman 的官方 AngularJS 生成器来创建项目。首先，我们需要安装该生成器：
--- ------- -- -----------------
安装完成后，我们就可以使用以下命令来创建一个 AngularJS 项目了：
-- ------- ------
其中，my-app 是项目名称，你可以自行修改。执行该命令后，Yeoman 会自动创建一个项目文件夹，并生成项目文件结构、构建系统和测试框架等。
项目结构
创建完成后，我们来看一下项目结构：
-------
--- ----------
--- ------------
--- -------------
--- ------------
--- ----
- --- -----------
- --- ----------
- --- ----------
- --- --------
- - --- ------
- - --- ------------
- - --- -----------
- - --- --------
- - --- ---------
- --- -------
- --- --------
--- -----
--- ----------
--- -------------
--- -----
--- ------------其中，bower.json 文件和 node_modules/ 文件夹是用来管理项目依赖的，package.json 文件是用来管理项目开发依赖的。
app/ 文件夹是我们实际开发的文件夹，其中，scripts/ 文件夹是用来存放 AngularJS 的控制器、指令、过滤器和服务等代码的，styles/ 文件夹是用来存放样式文件的。
test/ 文件夹是用来存放测试代码的，其中，spec/ 文件夹是用来存放控制器测试的代码的。
运行项目
创建完成后，我们可以使用以下命令来启动项目：
----- -----
然后我们就可以在浏览器中访问 http://localhost:9000 来查看项目了。
总结
在本文中，我们介绍了如何使用 Yeoman 极速搭建 AngularJS 项目。通过使用 Yeoman，我们可以快速创建一个 AngularJS 项目，并且可以省去繁琐的配置过程，提高开发效率，降低出错率。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66401863d3423812e4e4019a