Vue cli腳手架基礎

vue-cli是乙個vue腳手架，可以快速構造專案結構

vue-cli本身整合了多種專案模板：

****** 很少簡單

webpack 包含eslint**規範檢查和unit單元測試等

webpack-****** 沒有**規範檢查和單元測試

browserify 使用的也比較多

browserify-******

cnpm install vue-cli

-gvue 
vue --version
vue list 列出可用模板

語法：vue init 模板名 專案名

vue init webpack-******  vue-cli

-demo

cd vue-cli

-demo
cnpm install

npm run dev  //啟動測試服務

npm run build //將專案打包輸出dist目錄，專案上線的話要將dist目錄拷貝到伺服器上

vue init webpack vue-cli

-demo2

eslint是用來統一**規範和風格的工具，如縮排、空格、符號等，要求比較嚴格 官網

問題bug：如果版本公升級到node 8.0 和 npm 5.0，控制台會報錯：

解決方法：

a)降低node版本到7.9或以下

b)修改build/dev-server.js檔案，如下：

var hotmiddleware = require('webpack-hot-middleware')(compiler, ,

heartbeat:2000 //新增此行
})

參考：

搭建vue cli腳手架

前期工作準備 2.安裝 映象，因為我們用的npm的伺服器是外國，有的時候我們安裝 依賴 的時候會超級慢，所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後，就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack，...

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題，建議使用第三種，將配置寫死，下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...

vue cli腳手架安裝

2.執行cmd，檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...