jsconfig.json是什么，实际的应用及使用步骤是什么-群英

上一篇：React SSR限流的实现是怎样，为什么要限流下一篇：微信小程序中实现列表上下移动效果的代码是什么

本篇内容介绍了“jsconfig.json是什么，实际的应用及使用步骤是什么”的有关知识，在实际项目的操作过程或是学习过程中，不少人都会遇到这样的问题，接下来就让小编带大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

vue项目中 jsconfig.json是什么

当您在工作空间中有一个定义项目上下文的jsconfig.json文件时，JavaScript体验会得到改进。

这杰斯也太官方了，说白了就是提高在写项目时舒适度的。

概述

目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。该tsconfig.json文件指定编译项目所需的根文件和编译器选项。

JavaScript 项目可以使用jsconfig.json文件来代替，它的作用几乎相同，但默认启用了一些与 JavaScript 相关的编译器标志。

一、使用tsconfig.json或jsconfig.json

jsconfig.json源于tsconfig.json，是TypeScript的配置文件。
jsconfig.json相当于tsconfig.json的“allowJs”属性设置为true

二、使用步骤

1. 配置说明

代码如下（示例）：

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            // 解决项目中使用@作为路径别名，导致vscode无法跳转文件的问题
            "@/*": ["src/*"]
        },
        // 解决prettier对于装饰器语法的警告
        "experimentalDecorators": true,
        // 解决.jsx文件无法快速跳转的问题
        "jsx": "preserve"
    },
    //提高 IDE 性能
    "exclude": ["node_modules", "dist", "build"]
}

*Tips 在这里特别说明一下 exclude 为什么提高编译器性能？

如果开发的项目根目录下没有 jsconfig.json，在默认情况下，像 VS Code，默认只会把 node_modules文件夹排除掉。
官方给出建议是这样的：