vue項目創建與啟動


1.安裝node.js(去官網)

2.使用cmd,輸入node -v查看是否安裝成功

輸入npm -v查看npm是否安裝成功

3.安裝全局vue:cmd中輸入:npm install -g @vue/cli,回車。

4.若安裝失敗,出現錯誤如下:

根據提示,去查找日志。

5。經過查看日志發現以下error,

 

6.解決辦法是(1)清除緩存,輸入命令

npm cache clean --force

(2)重新安裝npm,輸入命令

npm install npm@latest -g

7.再安裝vue cli(腳手架),輸入命令

npm install -g @vue/cli

8.安裝成功后創建vue項目

在桌面新建一個文件夾,例project_vue

 

project_vue是項目所在目錄, freemall為我們創建的項目名稱

9.啟動項目,按照提示啟動。

 

 

10.在vscode打開freemall.

11.啟動成功:

 

 12.打開瀏覽器,訪問http://localhost:8080/,項目啟動成功

13.對於已創建的vue項目如何啟動

(1)先進入文件夾。

 

(2)進入項目。

 

(3)輸入啟動命令nmp run dev,.

 

(4)若報如上錯誤,則輸入npm run serve啟動項目。

 

(5)瀏覽器輸入http://localhost:8080/即可啟動。


免責聲明!

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



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