配置Vue的app項目首先需要配置本地環境。
1.下載node.js並且安裝。(根據自己電腦參數進行選擇)
打開cmd,檢查是否安裝成功。
分別輸入:
node -v
npm -v
結果如圖正確顯示出版本號表示安裝成功。
接下來通過CLI配置項目
1.全局安裝 vue-cli
在命令行輸入npm install --global vue-cli進行安裝
2.創建一個基於 webpack 模板的新項目 init webpack my-project (項目名)
會有很多詢問Yes/No的根據需要選擇吧。(下面時我的)
接下里就是等待安裝(時間較長,如果較慢請用手機熱點)
當出現如圖所示,表示安裝完成
3.進入到項目的文件夾(cd Travel-Practice),然后運行項目(npm run dev)
顯示如圖,表示運行成功。
最后打開瀏覽器進入 http://localhost:8080進行查看
OK,大功告成,接下來就去編輯你的項目吧。
當然,推薦大家把代碼於GitHub同步,避免丟失。