问题描述

在Vscode中使用Volar插件开发Vue3+TypeScript时，在vue文件的template标签上提示警告字样。

警告全文：

TypeScript intellisense is disabled on template. To enable, configure `"jsx": "preserve"` in the `"compilerOptions"` property of tsconfig or jsconfig. To disable this prompt instead, configure `"experimentalDisableTemplateSupport": true` in `"vueCompilerOptions"` property.volar

警告图示

解决方法

在项目中的 tsconfig.json 文件中加入以下配置

// tsconfig.json
{
  // ...其他配置

  // 加入这一段
  "vueCompilerOptions": {
    "experimentalDisableTemplateSupport": true
  },
}

警告关闭。

ps：居然有人说要卸掉Volar，真是服了。