搭建完vue3+vite+ts项目之后，用vscode打开项目，发现 .vue 文件和 main.ts 文件夹下都有红色破浪线（如下图所示）。几番周折终于解决了这个问题。

1. 解决.ts文件报错

报错原因：ts不识别.vue后缀的文件。
解决方式：创建脚手架的时候，项目的根目录下会生成一个env.d.ts文件，修改文件里面的代码，在文件里面增加下面的代码：

declare module "*.vue" {
    import { DefineComponent } from "vue"
    const component: DefineComponent<{}, {}, any>
    export default component
}

2. 解决vue文件波浪线提示

报错原因：vscode插件 Vetur 不支持最新写法
解决方式：卸载 并 安装 Volar 插件