Vue 項目配置


配置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同步,避免丟失。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM