vue
//最新穩定版
cnpm install vue
//全域性安裝 vue-cli
cnpm install --global vue-cli
//建立一個基於 webpack 模板的新專案
vue init webpack my-project
//進入專案目錄，執行
cd my-project
cnpm install
cnpm run dev




webpack
//全域性安裝webpack
cnpm install -g webpack
//安裝到你的專案目錄
cnpm install --save-dev webpack
//初始化package.json
cnpm init
//使用webpack構建本地伺服器
cnpm install --save-dev webpack-dev-server
//執行本地伺服器
npm run server
// npm一次性安裝多個依賴模組，模組之間用空格隔開
cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react
//css-loader 和 style-loader
cnpm install --save-dev style-loader css-loader
//安裝less-loader和less： 
cnpm install less less-loader --save-dev
//postcss-loader 和 autoprefixer（自動新增字首的外掛）
cnpm install --save-dev postcss-loader autoprefixer
//自動根據模版生成html外掛
cnpm install --save-dev html-webpack-plugin
//分離CSS和JS檔案
cnpm install --save-dev extract-text-webpack-plugin




--save和--save-dev的區別
相同點：都是寫入到package.json中
不同點：1使用 --save-dev 安裝的 外掛，被寫入到 devDependencies 物件裡面去，而使用 --save 安裝的外掛，則被寫入到 dependencies 物件裡面去。
2devDependencies  裡面的外掛只用於開發環境，不用於生產環境，而 dependencies  是需要釋出到生產環境的。