一、安装

1.vue相关插件

• Vue-Official（v2.012）

2.uni相关插件

• uni-helper

• uniapp小程序扩展

• uni-create-view

3.安装类型声明文件

网上找到的教程都用pnpm命令安装，但我用npm也能成功。 

npm i -g @types/wechat-miniprogram @uni-helper/uni-app-types

二、配置tsconfig.json文件

1. 在项目根目录找到并打开package.json和tsconfig.json文件，如果没有tsconfig.json，自己新建一个，其代码在uniapp官网复制：TypeScript 支持 | uni-app官网。

1. 在左边package.json文件里找到：

    "@types/wechat-miniprogram",
    "@uni-helper/uni-app-types"

   复制到右边tsconfig.json文件的“types”配置里。

2. 在右边文件添加以下代码：

  "vueCompilerOptions": {
    "nativeTags": ["block", "component", "template", "slot"]
  },
 "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]

三、标签效果

完成。