不小心发现草稿箱里躺着一篇文章。没写完,所以姑且定位为<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
回答一些问题后就可以基于common.js构建成功grunt项目了