Yeoman安装html
Yeoman实际上是三个工具的集合:YO、GRUNT、BOWER前端
- YO:Yeoman核心工具,项目工程依赖目录和文件生成工具,项目生产环境和编译环境生成工具
- GRUNT:grunt去年很火,前端构建工具,jquery就是使用这个工具打包的
- BOWER:Web开发的包管理器,概念上相似npm,npm专一于nodeJs模块,而bower专一于CSS、JavaScript、图像等前端相关内容的管理
下面这幅图很形象的代表了他们三者之间的协做关系。 node
Getting Started
Install dependencies:
npm install --global yo gulp-cli bower (注意标绿的文字,网上的不少是grunt-cli是坑来的
)
Install the generator:
npm install --global generator-webapp
Run
yo webapp to scaffold your webapp
Run
gulp serve to preview and watch for changes
Run
bower install --save to install frontend dependencies
Run
gulp serve:test to run the tests in the browser
Run
gulp to build your webapp for production
Run
gulp serve:dist to preview the production build