grunt

一、安装nodejs和npm

安装nodejs时，会默认装上npm，即生成一个命令脚本npm.cmd，放在nodejs安装根目录中（系统环境变量中有该路径），该脚本中的语句就是用nodejs去执行一个js文件npm-cli.js。

npm：（Node Package Manager）nodejs包管理和分发工具

npm init               在当前目录创建一个package.json（包配置文件），包括名称、版本、作者这些信息等

npm install         安装package文件中配置的依赖包，在当前目录（本地）创建一个node_module文件夹，将下载的内容放在该目录下

npm install <name>     安装指定的依赖包

npm install <name> --save 安装的同时，将信息写入package.json中(如果当前目录中有package.json的话)

npm install <name> -g  将包安装到全局安装目录中

npm config list       查看npm配置，包括代理proxy，全局安装目录prefix
npm config set https_proxy http://用户名:密码@代理地址:端口       //设置代理

npm安装模块，有-g则安装一个命令，安装在prefix目录下。没有-g则安装一个模块，安装在当前目录下（本地），安装在本地才能被require。

二、安装grunt-cli

grunt-cli ：（Command Line Interface）  grunt命令行工具

使用npm install -g grunt-cli 将grunt命令安装到全局，全局指系统全局，即可以在命令行中使用，即生成一个命令脚本grunt.cmd，放在prefix目录中，

该脚本中的语句就是用nodejs去执行一个js文件grunt-cli\bin\grunt.js。


nodejs，npm，grunt命令都是全局的，nodejs可以在任何目录运行js文件，npm可以在任何目录给nodejs安装模块，grunt可以在任何目录运行Gruntfile.js

三、安装grunt 和 grunt插件
npm install grunt

npm install grunt-contrib-jshint        安装grunt插件jshint，带有contrib的是grunt官方插件。

grunt-contrib-less插件，用来编译less

 四、创建grunt工程文件

    gruntfile.js：grunt工程文件，即nodejs的模块文件。也需放在工程根目录中，编程grunt构建任务。

gruntfile基本结构
    module.exports = function(grunt){
    //加载插件
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-jshint');
    grunt.loadNpmTasks('grunt-contrib-qunit');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-concat');

    grunt.initConfig({ //各个插件的配置参数
    pkg: grunt.file.readJSON('package.json')
    });

    //注册grunt 任务，以下注册dist任务，将调用jshint和gunit插件，用命令”grunt dist“或”grunt。dist“执行该任务
    grunt.registerTask('dist', ['jshint', 'qunit']);
    //注册默认任务呢，即命令”grunt“执行的任务
    grunt.registerTask('default', ['jshint', 'qunit', 'concat', 'uglify']);
    };

   五、执行构建任务

    在项目根目录下执行命令grunt，grunt会在该目录中找到gruntfile.js并执行。

grunt 后面可以是任务名，也可以说插件名。插件名+”：“+子任务名，则执行特定的子任务。注册任务时，也可用配置成插件子任务。
例如命令： grunt copy:i18n
例如任务：["copy:i18n"]


常用设置：
关闭https：npm config set strict-ssl false
设置到淘宝镜像：npm config set registry "http://registry.npm.taobao.org"