关于前端自动化grunt轻松入门

如果你还不了解grunt，或者只是听过它的名字而没有去研究过它，那么这篇入门级的文章就是为你写的，相信看完你就会爱上grunt！

grunt是什么？ 

grunt是一个非常好的自动化工具，你只管codeing，它会自动帮你将代码合并（concat）、压缩（uglify）、语法检查（jshint）、自动编译less（contrib-less）和sass（contrib-sass）、压缩图片（contrib-imagemin）、读写拷贝移动文件等等，极大地简化了你的工作，它有很多插件，前面说到的每个功能都是一个插件，如果没有符合你胃口的插件，你可以自己开发并提交到这里。

要使用grunt，从哪里开始？

OK，相信grunt提供的某些功能还是能吊起你的胃口，grunt和grunt的插件都是通过npm安装和卸载的，npm是Nodejs的包管理器，所以我们首先安装nodejs，有同学在这里就被吓到了，nodejs我完全不会啊，接下来还看得懂吗？放一万个心，完全没问题。安装nodejs很简单，打开nodejs官网，戳中间那个INSTALL按钮就好。安装好了之后打开命令行，不要告诉我你不知道什么叫命令行？OK，按下快捷键win+r键，输入cmd回车，出现一个黑黑的窗口，输入node -v回车之后会显示你刚刚安装好的nodejs版本，那就表示nodejs安装成功了，恭喜你完成了第一步！

接下来需要安装CLI，这是个什么鬼？为什么要装它？不爱问为什么的同学不是好同学。OK，CLI就是grunt的命令行，安装了CLI之后，就可以在任何目录下执行grunt命令了。什么是grunt命令？请继续往下看。

安装CLI命令：

npm install -g grunt-cli

执行完之后

接下来要讲的内容，是一个项目刚刚开始用grunt管理的时候应该怎么去做，就好像你学会了grunt，现在想将grunt应用到手上的项目中去。我们在E盘建一个demo文件夹，这个demo就好比你手上的项目。

首先在项目的根目录下（也就是demo下）新