typescript - Vue3+Ts开发中 .vue 文件不声明 lang=ts 无代码提示的问题？

Question

Vue3+Ts开发中 .vue 文件不声明 lang=ts 无代码提示，不知道怎么解决

Answer 1

当你使用 Vue3 和 TypeScript 开发时，.vue 文件通常应该是 TypeScript 文件，因为 Vue3 官方推荐使用 TypeScript 进行开发。如果你在 .vue 文件中没有声明 lang="ts"，你可能会遇到没有代码提示的问题，这是因为编辑器无法正确识别文件类型，并可能无法提供 TypeScript 代码提示和自动完成功能。

要解决这个问题，你可以在 .vue 文件的顶部添加 lang="ts" 声明。这样编辑器就能够正确识别文件类型，并提供相应的代码提示和自动完成功能。

例如，你可以在 .vue 文件的顶部添加以下代码：

<script lang="ts">// 在这里编写你的 TypeScript 代码</script>

请注意，如果你已经安装了 Vue3 和 TypeScript 的相关插件和配置，编辑器应该能够自动识别 .vue 文件中的 TypeScript 代码。如果你仍然遇到问题，可能需要检查你的编辑器设置或重新安装插件。