1-查看系統(tǒng)環(huán)境
1.1-安裝node.js版本
node -v
1.2-全局安裝@vue/cli
npm install @vue/cli@4.5.15 -g
指定版本號：4.5.15
2-創(chuàng)建項目
在自己電腦目錄下創(chuàng)建項目：
demo02是自己項目名字
在D/AllCode/vs_vue2_uniapp目錄下執(zhí)行一下命令：
vue create -p dcloudio/uni-preset-vue demo02
3-使用vscode打開項目
3.1-vscode打開項目
要想在vscode執(zhí)行npm命令
3.2-運行項目
4-安裝以下插件
4.1-解決json文件報錯問題
我們打開pages.json和manifest.json，發(fā)現(xiàn)會報紅，這是因為在json中是不能寫注釋的，而在jsonc是可以寫注釋的。
解決方案：我們把pages.json和manifest.json這兩個文件關聯(lián)到jsonc中，然后就以寫注釋了。
settings.json位置：
C:\Users\admin\AppData\Roaming\Code\User\settings.json
添加如下配置：
?? ? "files.associations":{
"pages.json":"jsonc",
"manifest.json": "jsonc"
}
5-運行項目
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM%取值package.json中的內(nèi)容，比如微信小程序就是：mp-weixin；
執(zhí)行命令:npm run dev:mp-weixin
會發(fā)現(xiàn)dist目錄下面有一個目錄：mp-weixin文章來源：http://www.zghlxwxcb.cn/news/detail-802348.html
VSCode跟Hbuilder x 不同的是，VSCode不會自動在微信開發(fā)者工具導入項目并打開，我們需要手動導入項目，只需要導入一次就行了，以后直接打開微信開發(fā)者工具就行了。文章來源地址http://www.zghlxwxcb.cn/news/detail-802348.html
到了這里，關于前端-vscode中開發(fā)uni-app的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
