vscode jsconfig.json 使用说明

什么是jsconfig.json

-jsconfig.json文件指定根目录和JavaScript服务提供的功能选项。

• 提示：如果不使用JavaScript，就不需要配置jsconfig.json。
• 提示：tsconfig.json 配置高于 jsconfig.json，它是TypeScript的配置文件。配置了tsconfig.json的情况下 allowJs:true jsconfig.json 才生效。

为什么需要jsconfig.json文件

Visual Studio Code的JavaScript支持可以两种不同模式运行：

• File Scope : 没有jsconfig.json。
  在这种模式下，在Visual Studio Code中打开的JavaScript文件被视为独立的单元。只要文件a.js没有显式引用b.ts（即使用import或CommonJS 模块），两个文件之间就不会存在公共项目上下文。
• Explicit Project - 有jsconfig.json。
  通过jsconfig.json文件定义一个JavaScript项目。目录中是否存在此类文件表示该目录是JavaScript项目的根目录。文件本身可以选择列出属于项目的文件，要从项目中排除的文件以及编译器选项。

jsconfig选项

vue-cli jsconfig 配置

{
  "compilerOptions": {
     "target": "es2017",
     "allowSyntheticDefaultImports": false,
      "baseUrl": "./",
      "paths": {
          "@/*": ["src/*"]
     }
  },
  "exclude": ["node_modules", "dist"]
}