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/即可啟動。