nodeJS npm grunt grunt-cli

1.安装好nodeJS后 ,通常都会把npm也安装好的。nodeJs集成npm的，可经过在cmd 分别运行 node -v和 npm -v来查看他们的版本，假设显示可说明可继续如下的操做

2.想安装grunt通常可以直接在cmd里面运行   npm install grunt grunt-cli 【然而除了第一次我这么写可以生效外。后来都没成功过，什么鬼？我也不知道，可以改为这样写：

	npm install -g grunt-cli     安装全局grunt-cli

 npm install -g grunt    安装全局grunt

】   ,这个意思是经过npm来安装[install 全局[-g]的grunt 以及grunt的client[cli]，也可以卸载掉grunt npm uninstall -g grunt

3.查看是否安装好了grunt。可经过cmd运行  grunt -version来查看grunt的版本号  假设显示如：grunt-cli v0.1.9grunt v0.4.1两条包含 client和grunt的信息。那么说明grunt安装好了

4.现在已经安装好了grunt，当下咱们要新建项目，那么怎样制定项目文件呢？在cmd里面输入"f:" 这里的意思是进入f盘，固然假设你的项目在其它盘同理。再cmd里面输入 "cd pathname"[进入f盘下的项目文件夹]

5.在个人电脑里面打开项目文件新建package.json文件[用于管理依赖插件]，

加入例如如下内容：參数可參考

{ 

"name":"my-project-name", //项目名称

"version":"0.1.0",  //项目版本号

"devDependencies": //依赖文件

{  

"grunt":"~0.4.1",  //”工具文件名称“：”~工具文件名称版本号“

"grunt-contrib-jshint":"~0.6.0", 

"grunt-contrib-nodeunit":"~0.2.0",  

"grunt-contrib-uglify":"~0.2.2"  

}}

6.加入了package.json文件后，需要经过npm来运行操做

接着4的步骤，输入'npm install' 回车 来安装package.json里面的插件

7.安装了packge.json里面的，现在回到个人电脑->项目目录->新建文件Gruntfile.js来操做package.json里面的工具插件

加入内容例如如下：參考參数

module.exports = function(grunt)
{
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),//导入package.json
        concat : { //需要运行的插件名
            webqq : { //项目名
                files : { //将被操做的文件名称
                    'dist/main.js' : ['main.js','drag.js','scale.js','range.js']
                }
            }
        }
    });
    grunt.loadNpmTasks('grunt-contrib-concat');//载入插件
    grunt.registerTask('default', ['concat']);//运行插件
};

8.加入了Gruntfile.js插件操做文件后，相同需要经过在cmd对其进行运行，接着第6步 输入'grunt' 执行grunt对项目的操做，

cmd 现在包括"Done,witout errors."的提示 说明运行完grunt对项目的管理了