Yeoman
Yeoman工作流程包括三种类型的工具,用于在构建Web应用程序时提高您的生产力和满意度:the scaffolding tool 脚手架工具(Yo),构建工具the build tool(Gulp,Grunt等)和包管理器the package manager(如npm和Bower)
yo
一个新的应用程序,编写您的构建配置(例如Gulpfile),并提取相关的构建任务和您可能需要构建的程序包管理器依赖(例如,npm)。方便的为你初始一个项目,包括生成项目文件,代码结构,包依赖,初始页面的例子等等。在yeoman官网http://yeoman.io/generators/提供了许多generators,我们可以把他看成是一个插件,可以使用yo命令来运行脚手架完整的项目或有用的部分。
bower
一种包管理器,可以对我们项目使用到的框架、库、公共部分进行管理
gulp/grunt
自动化构建工具,可以方便快速的进行一些重复性的操作任务,如压缩,编译,单元测试等
使用
第一步自然是安装
- cnpm install -g yo bower gulp-cli
- 在这里generator选择webapp为例,所以同样安装npm install -g generator-webapp
- 官方文档 https://github.com/yeoman/generator-webapp#readme
执行命令yo webapp,搭建脚手架
但是到后面执行gulp的时候每次都会报一个gulp-sass的错
Error: Cannot find module 'gulp-sass' from 'F:\Workspace\my-yo-webapp-project'
这个问题可能是网络造成的吧,可以删除node_modules重新下载安装(我这是全部重装,或者也可以cnpm install gulp-sass - -save-dev只安装这个)
rm -rf node_modules
cnpm install
执行命令bower install
执行命令gulp
执行命令gulp serve:dist 预览