前端工程管理工具概览

1.node.js，npm包管理工具，用node xxx.js运行。

npm -l，查看已经安装的

npm install [-g] [plugin-name]，-g表示作为全局模块

npm search ** ，查找某模块

npm help ，查看帮助

2.grunt，构建工具，通过Package.json和Gruntfile两个文件管理构建定义。Package.json管理依赖Grunt插件，Gruntfile管理构建子任务，包括文件合并、整合打包、压缩、测试等。

grunt serve，开发包

grunt test，测试

grunt，生产包

3.yo，框架代码生成，典型的有webapp，regular等框架，符合grunt构建格式和bower。使用这些框架之前需要使用npm先安装。如：

npm install --global generator-webapp

npm install -g generator-angular

可以通过yo先搜索一下都有哪些框架代码生成器，yo

webapp 其实是 Yeoman 内置的工程模板，它整合了 html5 Boilerplate、jquery、Modernizr、Bootstrap、RequireJS 等框架或库文件，使我们创建完后就能直接使用。除了generator-webapp 还有一个 generator-mocha、generator-backbone、generator-angular等工程模板，可以通过npm search yeoman-generator命令查找，然后使用npm install [name]来安装。

yo webapp

yo angular

4.bower，js包依赖管理器，添加：

bower install [underscore]

5.yeoman，一套工作流，包含yo,grunt,bower三个工具。

转载于:https://www.cnblogs.com/vimisky/p/3945573.html