win7下玩转Grunt<1>

不小心发现草稿箱里躺着一篇文章。没写完,所以姑且定位为<1>……

作为前端工程师,拿到需求那一刻起,各种折腾就开始了。

分析产品

各种编码……

场景一:

改一遍结构(html,表现(css),行为(js),刷新一遍页面,循环……论ctrl+r键是怎么坏的。

场景二:

终于编完了……

压缩合并站点各种文件,比如js,命令行下基于node npm安装 JSHint,压缩合并……;接着在进行CSS……

游走在重复烦躁的工作中,宝贵的一分一秒,嗒嗒嗒……

回到家里只能用window,发誓明年一定要换成mac。

所以、、、基于win7的Grunt教程就这么开始了

首先下载安装node,这步很简单,不要求最新版本,比较新就可以

接着安装git,在dos下也可以开发,只是后面某些可选择的步骤需要用到git,由于git是Linus开发的,自然是在Linux下最无缝,在window下可以用Gygwin模拟Linux,但是有个安装包msysgit可以直接配置好git的环境,那就下载安装msysgit就好,然后在你的开始菜单里找到“Git”->“Git Bash”,就会弹出一个命令行窗口……

键入

npm install grunt-cli -g


全局安装Grunt-cli

然后再键入

npm install grunt-init -g

全局安装脚手架,可以帮我们完成项目的自动化创建,目录文件,配置


到目前为止基本工具已经安装好了

然后开始做点什么

就从grunt-init,在命令行输入

grunt-init

C:\Users\Administrator>grunt-init
Running "init" task

A valid init template name must be specified.

Available templates

(No templates found)

Templates that exist in the C:\Users\Administrator\.grunt-init directory may be
run with "grunt-init TEMPLATE". Templates that exist in another location may be
run with "grunt-init /path/to/TEMPLATE". A template is a directory that must
contain, at the very minimum, a template.js file.

For more information, see http://gruntjs.com/project-scaffolding


看来还需要模板,根据最后一行提示,转到http://gruntjs.com/project-scaffolding,

win7下玩转Grunt<1>


网页有jQuery模板例子,但是我想要的模板的下面的,grunt-init-commonjs,点击该超链接转到github,上面有安装该模板的方法:

找到键入

git clone https://github.com/gruntjs/grunt-init-commonjs.git ~/.grunt-init/commonjs


安装模板成功后

再次在command line键入

grunt-init common.js
win7下玩转Grunt<1>
回答一些问题后就可以基于common.js构建成功grunt项目了



win7下玩转Grunt<1>


win7下玩转Grunt<1>

上一篇:Windows 10 技术预览版抢先体验


下一篇:使用ETags减少Web应用带宽和负载