win7下玩转Grunt<1>

标签：javascript   nodejs   gruntjs   前端工作流利剑   自动化   

不小心发现草稿箱里躺着一篇文章。没写完，所以姑且定位为<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，

网页有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>

标签：javascript   nodejs   gruntjs   前端工作流利剑   自动化   

原文地址：http://blog.csdn.net/xizai2012/article/details/39710093