grunt 学习

一、工具安装
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(插件名字)

 

发表评论