1.創(chuàng)建一個(gè) vue3+ts 的uniapp項(xiàng)目
npx degit dcloudio/uni-preset-vue#vite-ts 項(xiàng)目名稱2.下載uniapp相關(guān)插件
uni-create-view ：用于快速創(chuàng)建 uni-app 頁面
uni-helper uni-app ：代碼提示
uniapp 小程序擴(kuò)展 ：鼠標(biāo)懸停查文檔
3.下載ts相關(guān)配置
pnpm i -D @types/wechat-miniprogram?? // 針對微信小程序的聲明類型文件提示pnpm i -D @uni-helper/uni-app-types // uniapp增強(qiáng)的類型文件提示?4.在tsconfig.json文件中添加新增的ts相關(guān)配置
1.在types屬性中添加屬性名?@types/wechat-miniprogram 和 ?@uni-helper/uni-app-types.
2.添加vueCompilerOptions選項(xiàng)
{
"extends": "@vue/tsconfig/tsconfig.json",
"compilerOptions": {
"sourceMap": true,
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
},
"lib": ["esnext", "dom"],
// 在types中添加 下載的配置
"types": ["@dcloudio/types","@uni-helper/uni-app-types","@types/wechat-miniprogram"]
},
"vueCompilerOptions": {
// 原配置 `experimentalRuntimeMode` 現(xiàn)調(diào)整為 runtime-uni-app`
"experimentalRuntimeMode": "runtime-uni-app"
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}5.JSON注釋問題 (在pages.json 和 manifest.json中的注釋警告問題)
①在VS Code中找到設(shè)置
②在設(shè)置中搜索文件關(guān)聯(lián)
③添加這兩個(gè)文件名，值為 jsonc (jsonc表示json文件可以寫注釋)文章來源：http://www.zghlxwxcb.cn/news/detail-860054.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-860054.html
到了這里，關(guān)于使用VS Code創(chuàng)建編寫uniapp項(xiàng)目(vue3+ts 微信小程序)的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
