什么是NPM

NPM（node package manager），通常稱為node包管理器。顧名思義，它的主要功能就是管理node包，包括：安裝、卸載、更新、查看、搜索、發(fā)布等。

npm的背后，是基于couchdb的一個數(shù)據(jù)庫，詳細(xì)記錄了每個包的信息，包括作者、版本、依賴、授權(quán)信息等。它的一個很重要的作用就是：將開發(fā)者從繁瑣的包管理工作（版本、依賴等）中解放出來，更加專注于功能的開發(fā)。

NPM安裝與卸載

本地安裝npm install pkg
全局安裝npm install -g pkg
卸載包npm uninstall pkg
初始化npm目錄npm init
安裝到文件目錄(必須)npn install --save pkg
安裝到文件目錄(手動)npn install --save-dev pkg

如果報Error: EACCES, open '/Users/xxx/xxx.lock錯誤。先執(zhí)行：sudo chown -R $(whoami) $HOME/.npm;
如果使用npm安裝插件太慢（被墻），可執(zhí)行 npm install -g cnpm --registry=https://registry.npm.taobao.org,先安裝cnpm, 之后再安裝插件時用cnpm安裝cnpm install

npm scripts實例

使用npm scripts可以執(zhí)行腳本,通過package.json中的scripts中添加添加命令就可以在npm run XXX來執(zhí)行(npm test & npm start為自帶,不需要run)

{
  "scripts": {
    "css:scss": "app=node-sass npm run check; node-sass --output-style compressed -o dist/css src/scss",
    "css:autoprefixer": "app=postcss-cli npm run check; app=autoprefixer npm run check; postcss -u autoprefixer -r dist/css/*",
    "css:compress": "app=csso npm run check; csso in.css --output out.css",
    "css:less": "app=less npm run check; lessc --clean-css styles.less styles.min.css",

    "js:webpack": "app=webpack npm run check; webpack",
    "js:webpack:uncompress": "app=webpack npm run check; uglify=0 webpack",
    "js:lint": "app=eslint npm run check; && eslint src/js",
    "js:uglify": "app=uglifyjs npm run check; mkdir -p dist/js && uglifyjs src/js/*.js -m -o dist/js/app.js",

    "image:imagemin": "app=imagemin-cli npm run check; imagemin src/images dist/images -p",

    "server": "app=browser-sync npm run check; browser-sync start --server --files 'dist/css/*.css, dist/js/*.js'",

    "watch": "app=onchange npm run check; onchange 'src/js/*.js' -- npm run build:js",

    "watch:webpack": "onchange 'public/src/js/**/!(bundle.js)' -- npm run webpack:js",
    "watch:all": "app=parallelshell npm run check; parallelshell 'npm run css:autoprefixer' 'npm run js:init' ",

    "check": "[ -z \"$(app=$app node -p 'try{url=process.env.app+\"/package.json\"; require(url).version}catch(e){exports=\"\"}')\" ] && npm i -D $app || echo \"already installed $app\"; "
  }
}