grunt使用一步一步讲解

grunt

是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:
① 压缩文件
② 合并文件
③ 简单语法检查

对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩、合并文件,初学,有误请包涵

准备阶段

1、nodeJs环境

因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了
首先,去https://nodejs.org/en/  下载安装。

使用的版本

我们可以使用以下命令来查看当前的 Node 版本:(cmd)可以通过输入 "node -v"

$ node -v
v0.10.36

注意:不同版本间可能是有差异的。

2、npm的检查

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:(cmd)

$ npm -v
2.3.0

如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:

如果是 Window 系统使用以下命令即可:

npm install npm -g

 

3、使用 npm 命令安装模块

npm 安装 Node.js 模块语法格式如下:

$ npm install <Module Name>

举例:

如果要安装 grunt-autoprefixer ,则输入以下,即可安装grunt-autoprefixer. 并自动生成在package.json文件里,及下载包自动生成在node_modules文件夹里面

npm install grunt-autoprefixer --save-dev

  

 

如果不使用–save/–save-dev安装模块的话需要手动更新package.json里的dependencies和devDepandencies,而使用–save/–save-dev就可以自动更新package.json了

将已经配置好的package.json 包里面的grunt组件,用 npm install ,可一键全部安装。

 

http://blog.csdn.net/kuyuyingzi/article/details/9973291     待续

 

posted @ 2016-04-07 11:57  qshting1028  阅读(230)  评论(0编辑  收藏  举报