欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vscode jsconfig.json 使用说明

程序员文章站 2022-03-04 20:08:04
...

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选项

选项 描述
noLib 不包括默认库文件(lib.d.ts)
target 指定要使用的默认库(lib.d.ts)。值: es3, es5, es6,es2015,es2016, es2017, es2018, es2019,es2020,esnext
module 生成模块代码时指定模块系统。值: amd, commonJS, es2015, es6, esnext, none, system, umd
moduleResolution 指定如何解析模块以进行导入。值:node,classic
checkJs 对JavaScript文件启用类型检查。
experimentalDecorators 为建议的ES装饰器提供实验支持。
allowSyntheticDefaultImports 允许从模块进行 default import 而没有 default export 。这不影响代码发出,仅影响类型检查。 只起到检查的作用,不会对编译后的代码有任何影响
baseUrl 基本目录,用于解析非相对模块名称。
paths 指定要相对于baseUrl选项计算的路径映射。

vue-cli jsconfig 配置

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