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對項目的管理了