一、安裝并配置node.js
詳見(jiàn)CSDN
查看node版本：
二、修改編輯器的語(yǔ)言（切換為中文）
打開(kāi)VSCode, 快鍵鍵Ctrl+Shift+P ,搜索?Configure Display Language，選擇安裝其他語(yǔ)言，安裝完成選擇zh-cn，重啟就變成中文了。
?三、vue插件的安裝（方便開(kāi)發(fā)）（Ctrl+shift+X）
eslint插件：eslint智能錯(cuò)誤檢測(cè)插件，在具體開(kāi)發(fā)中作用很大，能夠及時(shí)的幫我們發(fā)現(xiàn)錯(cuò)誤。
Auto Close Tag 自動(dòng)閉合HTML/XML標(biāo)簽
Auto Rename Tag 自動(dòng)完成另一側(cè)標(biāo)簽的同步修改
四、打開(kāi)vue項(xiàng)目
文件右鍵，打開(kāi)文件夾，然后導(dǎo)入項(xiàng)目
? 打開(kāi)控制臺(tái)（Ctrl+shift+Y）,選擇終端，在控制臺(tái)終端輸入npm install添加包依賴 ，可能會(huì)出現(xiàn)報(bào)錯(cuò)，如下。
可能是環(huán)境變量有問(wèn)題，解決辦法如下：
1.首先看自己的有沒(méi)有安裝cnpm(查看命令： npm list --depath=0 -g)，我本地是已經(jīng)安裝了的
??2.如果沒(méi)有我們就安裝cnpm(查看命令：npm i cnpm -g)
?3.如果安裝成功還是報(bào)錯(cuò)請(qǐng)看自己的安裝路徑 （查看命令：npm config get prefix）
??4.我們?cè)俅蜷_(kāi)我的電腦(右鍵)->屬性->高級(jí)->環(huán)境配置->添加自己的npm安裝路徑 ，就是以上第3步獲取的路徑，一路確定即可
???5.重啟VSCode，重新進(jìn)去終端指令窗口執(zhí)行?npm install
??五：同樣在終于執(zhí)行npm run dev代表開(kāi)始運(yùn)行項(xiàng)目，這條命令會(huì)自動(dòng)在瀏覽器上運(yùn)行項(xiàng)目，運(yùn)行結(jié)果如下圖所示，代表配置成功了。
?六：輸入地址 http://127.0.0.1:5173/,運(yùn)行結(jié)果如下：
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-717741.html
?完結(jié)！若有問(wèn)題，歡迎指正！??！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-717741.html
到了這里，關(guān)于使用Visual Studio Code 導(dǎo)入并運(yùn)行vue項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
