Vue项目组件template标签下蓝色波浪线

💖💖💖问题描述

往往刚刚接触vue的小萌新，在创建vue项目的时候回出现template标签出现蓝色波浪线的问题，接下来我们就来解决这个问题！

💖💖💖解决方案

其实鼠标放在蓝色提示上就会给咱们给出解决方案，只要翻译出来就会知道，问题是：模板上已禁用TypeScript intellisense。要启用，请在tsconfig或jsconfig的“compilerOptions”属性中配置“jsx”：“preserve”。

我们只需要在在项目文件中找到 jsconfig.json文件 ,在compilerOptions中添加代码 "jsx": "preserve",即可解决问题

提示信息

解决问题

💖💖💖代码演示

{
  "compilerOptions": {
    "jsx": "preserve",
  }
}