步驟
一、安裝vue-cli
首先，我們可以通過npm安裝vue-clic,前提是我們需要有node環境，如果電腦還沒安裝node，先安裝，可通過 node -v
查詢node的版本號，有版本號則已經安裝成功；
接下來，我們需要確保電腦已經安裝了webpack，webpack是乙個包管理工具，也是vue-cli的構建工具，安裝也很簡單，全域性安裝只需要執行
npm install webpack -g
緊接著，開始我們vue-cli的安裝
npm install --global vue-cli
完成後輸入 vue -v檢視是否安裝成功，v大寫
步驟二、構建專案
新建乙個資料夾作為專案存放地，然後使用命令列cd進入到專案目錄輸入
vue init webpack projectname
輸入命令後，會跳出幾個選項讓你回答：n
回答完畢後上圖就開始構建專案了。
配置完成後，可以看到目錄下多出了乙個專案資料夾projectname，然後cd進入這個資料夾：
安裝依賴：
npm install
安裝完成後的目錄
啟動專案
npm run dev
啟動完成介面
這個時候，我們可以開啟瀏覽器，輸入http://localhost:8080/，可看到如下介面，說明我們的專案腳手架已經初始化完成；
vue-cli腳手架webpack配置檔案詳解
打包上線
npm run build
打包完成後，會生成 dist 資料夾，如果已經修改了檔案路徑，可以直接開啟本地檔案檢視。
專案上線時，只需要將 dist 資料夾放到伺服器就行了。
npm開啟了npm run dev以後怎麼退出關閉？ ctrl+c
Vue全家桶構建專案
步驟 一 安裝vue cli 首先，我們可以通過npm安裝vue clic,前提是我們需要有node環境，如果電腦還沒安裝node，先安裝，可通過 node v 查詢node的版本號，有版本號則已經安裝成功 vue全家桶專案構建教程 接下來，我們需要確保電腦已經安裝了webpack，webpack是...
vue全家桶（一） 使用 vue cli 構建專案
一.安裝node.js 二.安裝vue cli 全域性安裝 vue cli npm install g vue cli最新的 vue 專案模板中，都帶有 webpack 外掛程式，所以這裡可以不安裝 webpack。然後再命令列工具中使用 vue v 注意 v 大寫 檢視是否安裝成功。三.用 vue...
VUE複習全家桶
vue基礎考察 一 computed 和 watch vue中watch的簡單應用 二 class和style vue常用方法以及面試問題 三 v if 和 v show vue常用方法以及面試問題 四 父子元件通訊 非父子元件通訊 vue2.0父子元件以及非父子元件如何通訊 五 單個元件生命週期，...