非TS环境下Vue3+Babylon.js项目如何开启VSCode自动补全

• 卸载冗余依赖：你之前安装的@types/babylon属于过时的第三方类型包，可直接卸载，babylonjs官方包已经内置了完整的类型定义文件，无需额外安装类型依赖。
• 新增全局属性类型声明：在项目根目录创建vue-global-properties.d.ts文件，写入以下内容，该文件仅用于类型提示，不会影响项目运行逻辑：

import * as BABYLON from 'babylonjs';

declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    $BABYLON: typeof BABYLON;
  }
}

export {}

• 配置JS项目类型识别规则：在项目根目录创建（如果已有就直接更新）jsconfig.json文件，写入以下配置，告诉VSCode的JavaScript语言服务要加载你新增的类型声明：

{
  "include": [
    "src/**/*",
    "vue-global-properties.d.ts"
  ],
  "compilerOptions": {
    "typeRoots": [
      "node_modules/@types",
      "./"
    ]
  }
}

• 确认VSCode插件配置：卸载旧版Vue开发插件Vetur，安装Vue3官方推荐的Volar插件，配置完成后重启VSCode即可生效。

整个方案完全保留纯JavaScript的项目配置，新增的两个文件仅用于编辑器类型提示，不会触发任何TypeScript编译逻辑。

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