yeoman的使用

Yeoman入门学习

Posted by wang chong on February 26, 2019

yeoman

yeoman 是一个现代应用程序的web脚手架。

yeoman的特性

  1. 快速创建骨架应用程序—-使用可自定义的模板以及其他工具轻松地创建新项目的骨架
  2. 自动编译CoffeeScript和Compass—在做出变更的时候,Yeoman的LiveReload监视进程会自动编译源文件,并刷新浏览器,而不需要手动刷新。
  3. 自动化完善你的脚本—所有脚本都会自动针对JSHint进行,从而确保它们遵循语言的最佳实践。
  4. 内建的预览服务器—你不需要启动自己的HTTP服务器,内建的服务器用一条命令就可以启动。
  5. 非常棒的图像优化—使用OptPNG和JPEGTran对所有图像做了优化。
  6. 生成AppCache清单—Yeoman会为你生成应用程序缓存的清单,你只需要构建项目就好。
  7. “杀手级”的构建过程—你所做的工作不仅被精简到最少,让你更加专注,为你节省大量工作。
  8. 集成的包管理—Yeoman让你可以通过命令行轻松地查找新的包,安装并保持更新,而不需要你打开浏览器。
  9. 对ES6模块语法的支持—你可以使用最新的ECMAScript模块语法来编写模块。这还是一种实现性的特性,它会被转换成es5,从而你可以在所有流行的浏览器中使用编写的代码。
  10. PhantomJS单元测试—你可以通过PhantomJS轻松地运行单元测试。当你床架内心的应用程序的时候,它还会为你自动创建测试内容的骨架。

Yeoman由三个工具组成:Yo、Grunt、Bower

使用

安装yeoman

npm install yo -g

启动

yo

这里让你选是使用之前的脚手架还是重新创建脚手架,我们选择之前创建的 这里让选css技术,我们选Bootstrap。 这里让选测试类型

  1. 测试驱动开发(Test-Driven Development,TDD)
  2. 行为驱动开发(Behavior Driven Development,BDD)

我们选测试驱动开发(TDD) 这样就创建成功了,项目自己会安装所依赖的包。