在VSCode中，TS提示“找不到-.vue声明文件”的解决方法

使用VSCode开发Vue3+TS项目时，编辑器一直报错，因为不影响编译运行，所以一直没注意给它。但是这两天看着这个红条提示，真的是很别扭。今天就来解决这个问题，给自己一个耳目一新的开发环境。在网上查了很多资料，都很难找到靠谱的，但是功夫不负有心人，终于解决了问题。记录在这里，以免以后踩坑，也省去有需要的朋友找资料的麻烦。报错信息具体报错信息如下图：找不到.vue声明文件，也就是说TS无法识别.vue类型文件。然后你需要添加.vue类型文件的声明。步骤如下：在根目录下（也就是tsconfig.json这一层）新建一个名为“vue.d.ts”的文件。文件名中的“vue”也可以改成任意名称。在“vue.d.ts”文件中写入以下语句：//选择以下两个选项之一//选项一declaremodule"*.vue"{importVuefrom"vue";exportdefaultVue;}//解决方案2declaremodule'*.vue'{import{defineComponent}from'vue'constComponent:ReturnTypeexportdefaultComponent}在“tsconfig.json”中，添加文件“vue.d"在第二步创建的.ts"（或者你自己创建的另一个名字的.d.ts文件）包含："include":["vue.d.ts"]，我这边完整的include属性是如下（我新的是“app.d.ts”）：最后，看看VSCode中是否还有红条错误：错误信息没有了，大功告成！总结一下，干净的开发环境帮助我们保持愉悦的身心，自然提高工作效率，没有红条的代码看起来舒服多了！~~本文结束，感谢阅读！~学习有趣的知识，认识有趣的朋友，塑造自己有趣的灵魂们！大家好，我是〖编程三昧〗的作者王隐，我的公众号是《编程三昧》，欢迎关注，希望大家给予我多多指教！你来，怀揣期待，我以墨香迎接你！您归来，不分得失，只送回味！知识与技能并重，内功与外功并重，理论与实践两手抓，两手都要用力！