Grunt 自动化安装流程

安装Grunt之前先检查是否安装了NodeJs开发环境,如果没有请先安装NodeJS开发环境


一步一步讲解安装NodeJs开发环境

参考文章:http://blog.csdn.net/itpinpai/article/details/48103845


从淘宝(http://npm.taobao.org/)配置镜像变量

npm install -g cnpm --registry=https://registry.npm.taobao.org

##相关技术
* 项目管理:[Grunt](http://gruntjs.com/) [Bower](http://bower.io/) [Yeoman](http://yeoman.io/)
* 书写代码辅助工具: [emment](http://docs.emmet.io/)(快速书写html代码,前身是 zen coding)
* 检测Javascript代码工具:[JSHint](http://jshint.com/),可以发现代码错误、查找代码潜在问题以及不规范的写法。

##项目安装、打包、运行,测试等

### 设置npm镜像
由于直接访问npm,可能会很慢,甚至会出现链接中断,所以我们需要设置npm镜像,这样下载就会快些,执行以下命令来设置
npm config set registry https://registry.npm.taobao.org

grunt-cli :命令行工具,调用本地安装的 grunt 来运行任务,全局安装。
grunt :本地grunt,一般安装在项目根目录下。主要作用是读取插件配置,调用指定的grunt插件。 
grunt插件:完成具体的构建任务。

### 项目运行
前提是安装了最新版的 [Node.js](https://nodejs.org/)(\>0.10.x)
npm init  --->配置Package.json文件

npm i yo -g ----> 安装yeoman
npm i yeoman/generator-webapp
----> 安装generator-webapp插件 npm i yeoman/generator-mocha ----> 安装generator-mocha插件
---------------------这二个是全局性的-------------------------
npm install -g bower
npm install -g grunt-cli
--------------------------------------------------------------

npm install grunt   // 在本地项目根目录下安装grunt用于调用本地的插件
//在项目根目录下运行
 
如果没有Package.json的话,需要先配置一下 命令如:npm init 一步一步执行
npm install // 读取安装Package文件中的devDependencies中的插件
如果没有bower.json的话,需要先配置一下 命令如:bower init 一步一步执行
bower install

yo webapp grunts
 
grunt serve
```
### 单元测试
```
grunt test
```

### 编译打包
```
grunt build
```
### 生成文档
```
grunt docs
```











你可能感兴趣的:(Grunt 自动化安装流程)