一、工具安装
1.yeoman 安装 npm install -g yo
2.bower 安装 npm install -g bower
3.grunt 安装 npm install -g grunt
备注:三个是独立开发的,但要配合使用,完成一个自动化工作流
二、实践
1.建立一个简单的项目 yo webapp grunt-by-yo 项目名
2.执行其中一个task grunt sass:xiaofangsass
3.初始化一个项目
npm init ; //生成 package.json 文件
安装两个好用的模块:npm install load-grunt-tasks –save-dev npm install time-grunt –save-dev
4.npm install grunt-contrib-copy –save-dev 拷贝
npm install grunt-contrib-clean –save-dev 清除
4.执行单个任务 grunt copy:dist_html
5.yo webapp grunt-yo-webapp 通过yoman 安装一个简单的webapp
启动一个server ,grunt server –allow-remote
发布自己的插件:
1.先要去https://www.npmjs.com/ 注册账号
2.npm adduser
3.npm publish <你的项目,git的的下载地址>
4.然后就可以到 https://www.npmjs.com 去搜索你的项目了
备注:1.npm install -g generator-gruntplugin 2.yo gruntplugin grunt-xiaofang(插件名字)