VSCode中Quasar UMD项目Vue/Quasar无类型提示与自动补全问题

针对你遇到的Vue和Quasar无类型提示、但jQuery正常的情况，核心原因是Vue/Quasar的类型包结构和jQuery不同，且UMD全局变量的类型识别需要额外配置，具体解决步骤如下：

• 手动安装类型声明包
  直接通过npm/yarn安装官方维护的类型包，比依赖typeAcquisition自动获取更可靠：

  npm install @types/vue @types/quasar --save-dev
  

• 修改jsconfig.json配置
  在compilerOptions里显式指定要加载的类型，确保VSCode能识别到：

  {
    "compilerOptions": {
      "target": "ES6",
      "module": "ESNext",
      "allowSyntheticDefaultImports": true,
      "types": ["vue", "quasar"]
    },
    "typeAcquisition": {
      "enable": true,
      "include": ["vue", "quasar"]
    },
    "exclude": ["node_modules", "dist"]
  }
  

• 声明全局变量类型
  因为UMD模式下Vue和Quasar是挂载在window上的全局对象，需要手动告诉TS它们的类型：
  在项目根目录新建global.d.ts文件，写入：

  declare global {
    interface Window {
      Vue: typeof import('vue');
      Quasar: typeof import('quasar');
    }
  }
  
  export {};
  

• 重启VSCode
  让所有配置生效，之后再输入Vue.或Quasar.就能看到对应的自动补全和类型提示了。

为什么jQuery能正常工作？因为@types/jquery的类型声明里已经默认把$注册为全局变量，不需要额外配置；而Vue和Quasar的类型包更偏向模块化场景，所以需要手动关联全局对象的类型。

内容的提问来源于stack exchange，提问作者Sam Coutteau