vue项目中 jsconfig.json是什么

?? 作者简介：大家好，我是Taro，前端领域创作者
个人主页：
?? 支持我：点赞??+?? 评论 + 收藏

文章目录

• vue项目中 jsconfig.json是什么

• 概述

• 一、使用tsconfig.json或jsconfig.json

• 二、使用步骤

• • 1. 配置说明
  • 2. 配置 webpack 别名
  • 3. compilerOptions配置

• 总结

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"]
    }
    
    
    
![](https://ad.itadn.com/c/weblog/blog-img/images/2025-07-12/65DYwANM1BSQqz0tThVKemOLkFEa.png)

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

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

只要有可能，您应该使用不属于项目源代码的JavaScript文件排除文件夹。

意思就是 与开发无关的文件可以让 IDE 全部在编译时排除掉，像上面的配置中就排除了，构建过程依赖文件（node_modules）和生成的文件(dist 目录) 排除这些文件，可以提高 vscode 的性能。 。

2. 配置 webpack 别名

作为新手的你，是否遇到够这种情况：无数次的 …/ …/ …/ 早已让你眼花缭乱。

现在它来了 ，你需要配置paths ：

    "paths": {
      "@/*": ["src/*"]
    }
    
    

用 @ 代替 项目中 src目录，我们在 src 目录下 找 components 就简单多了

3. compilerOptions配置

总结

以上就是今天总结 jsconfig .json 的内容，本文仅仅简单介绍了 jsconfig .json 的一些基本配置，而 jsconfig .json提供了大量能使我们快速便捷提高代码效率的方法。

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦