1. 程式人生 > >手把手教你搭建Vue框架

手把手教你搭建Vue框架

Vue專案環境搭建
1、 安裝Node.js雙擊安裝node-v8.9.1-x64.exe。
安裝完成後輸入命令 node -v ,若顯示Node.js版本,既安裝成功。
在這裡插入圖片描述
2、 基於node.js,利用淘寶npm映象安裝相關依賴。控制檯命令:
在cmd裡直接輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回車,等待安裝…
在這裡插入圖片描述
在這裡插入圖片描述
3、 安裝全域性vue-cli腳手架,用於幫助搭建所需的模板框架,在cmd裡輸入:
cnpm install -g vue-cli,回車,等待安裝…
在這裡插入圖片描述
安裝完成後,輸入vue,出現Vue資訊,則表示vue-cli腳手架安裝完成。
在這裡插入圖片描述


指定專案所在路徑,輸入vue init webpack vue_project(最後這個是我建立的專案資料夾的名字)
在這裡插入圖片描述
在這裡插入圖片描述
等待下載,下載完成後即可在資源管理其中檢視。

4、使用vscode進行編輯,安裝幾個程式碼提示外掛,執行程式輸入npm run dev

執行後可以開啟