前端工程管理工具概览

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

你可能感兴趣的:(前端工程管理工具概览)