👨 作者简介：大家好，我是Taro，定制网站前端领域创作者
✒️ 个人主页：
🚀 支持我：点赞👍+📝 评论 + ⭐️收藏
文章目录
中 jsconfig.json是什么
定制网站当您在工作空间中有一定制网站个定义项目上下文的jsconfig.json文件时，JavaScript定制网站体验会得到改进。
这杰斯定制网站也太官方了，说白了定制网站就是提高在写项目时舒适度的。
概述
定制网站目录中存在tsconfig.json文件表明该目录是 项目的根目录。该tsconfig.json文件指定编译项目所需的根文件和编译器选项。
JavaScript 项目可以使用jsconfig.json文件来代替，它的作用几乎相同，但默认启用了一些与 JavaScript 相关的编译器标志。
一、使用tsconfig.json或jsconfig.json
jsconfig.json源于tsconfig.json，是TypeScript的配置文件。jsconfig.json相当于tsconfig.json的“allowJs”属性设置为true- 1
- 2
二、使用步骤
1. 配置说明
代码如下（示例）：
{ "compilerOptions": { "baseUrl": ".", "paths": { // 解决项目中使用@作为路径别名，导致vscode无法跳转文件的问题 "@/*": ["src/*"] }, // 解决prettier对于装饰器语法的警告 "experimentalDecorators": true, // 解决.jsx文件无法快速跳转的问题 "jsx": "preserve" }, //提高 IDE 性能 "exclude": ["node_modules", "dist", "build"]}- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
*Tips 在这里特别说明一下 exclude 为什么 提高 编译器 性能 ？
如果开发的项目根目录下没有 jsconfig.json，在默认情况下，像 VS Code， 默认只会把 node_modules文件夹排除掉。
官方给出建议是这样的：
只要有可能，您应该使用不属于项目源代码的JavaScript文件排除文件夹。
意思就是 与开发无关的文件可以让 IDE 全部在编译时排除掉，像上面的配置中就排除了，构建过程依赖文件（node_modules）和生成的文件(dist 目录) 排除这些文件，可以提高 vscode 的性能。。
2. 配置 别名
作为新手的你，是否遇到够这种情况：无数次的 …/ …/ …/ 早已让你眼花缭乱。
现在它来了，你需要配置paths ：
"paths": { "@/*": ["src/*"] }- 1
- 2
- 3
用 @ 代替 项目中 src目录，我们在 src 目录下 找 components 就简单多了
3. compilerOptions配置
总结
以上就是今天总结 jsconfig .json 的内容，本文仅仅简单介绍了 jsconfig .json 的一些基本配置，而 jsconfig .json提供了大量能使我们快速便捷提高代码效率的方法。