用vscode开发uniapp项目流程

创建uniapp

插件配置

安装 类型声明文件 pnpm i -D miniprogram-api-typings @uni-helper/uni-app-types

//配置 tsconfig.json


{
	"extends": "@vue/tsconfig/tsconfig.json",
	"compilerOptions": {
		"sourceMap": true,
		"baseUrl": ".",
		"paths": {
			"@/*": ["./src/*"]
		},
		"lib": ["esnext", "dom"],
		"types": [
			"@dcloudio/types",
			"@types/wechat-miniprogram",
			"@uni-helper/uni-app-types"
		]
	},
	"vueCompilerOptions": {
		// experimentalRuntimeMode 已废弃，现调整为 nativeTags，请升级 Volar 插件至最新版本
		// "nativeTags": ["block", "component", "template", "slot"]
		"plugins": ["@uni-helper/uni-app-types/volar-plugin"]
	},
	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

一些配置的报错

翻看其他案例有的加上这一个配置就可以消除错误，但是我这个不行，因为上边extends继承的文件也有问题。

定位到继承的文件中注释掉这两条就可以消除错误

黑马视频中开始的配置是第一个，后边更新为第二个，最近发现也开始报错了，找了半天发现是插件更新了，所以最新的配置最后一个就可以消除错误

目前为止基本可以创建可用的uniapp项目了

由于我编译的是微信小程序项目，npm run dev:mp-weixin

编译完后运行发现疯狂报错

解决办法，把这个选项去掉就行，但是我原来的项目这个选项勾不勾选都不影响，有知道问题的兄弟可以给解惑一下