使用TypeScript+Vue时IntelliSense异常：AuthService类属性识别错误

我来帮你排查并解决这个IntelliSense异常的问题，以下是几个针对性的修复步骤：

• 规范类定义的代码格式
  你当前把AuthService的所有代码挤在一行，虽然TS语法上允许，但可能干扰Vetur依赖的TS语言服务解析。建议把类的属性和方法换行格式化，让解析器更容易识别：

  export class AuthService {
    constructor() {}
    test: string = 'asdasd'
    lala: string = 'we'
    test2: string = 'ada'
  }
  

• 修复Vue文件的script标签闭合错误
  你提供的Vue代码里，结束标签写成了<script>而不是</script>，这会导致Vetur无法正确解析脚本内容，直接影响IntelliSense的工作，修正后的代码如下：

  <script lang="ts">
  import { AuthService } from './authService.service.ts'
  new AuthService().test2
  </script>
  

• 重启Vetur语言服务或VS Code
  缓存堆积是IntelliSense异常的常见原因，你可以通过快捷键Ctrl+Shift+P（Windows）/Cmd+Shift+P（Mac）打开命令面板，输入Vetur: Restart VLS重启Vetur的语言服务；如果还是不行，直接重启VS Code清理全局缓存。

• 检查并完善tsconfig.json配置
  确保项目根目录存在tsconfig.json，并且正确包含了你的TS和Vue文件，示例配置如下：

  {
    "compilerOptions": {
      "target": "ESNext",
      "module": "ESNext",
      "strict": true,
      "moduleResolution": "node",
      "esModuleInterop": true,
      "lib": ["ESNext", "DOM"]
    },
    "include": ["src/**/*.ts", "src/**/*.vue"]
  }
  

  这个配置能让TS语言服务正确识别项目内的所有类型定义。

• 更新Vetur并检查相关设置
  先在VS Code扩展商店里把Vetur更新到最新版本；然后打开设置，搜索vetur.useWorkspaceDependencies，确保这个选项被设为true，让Vetur使用项目本地的TypeScript依赖，避免版本不一致导致的解析问题。

内容的提问来源于stack exchange，提问作者毛鹏程