快捷導(dǎo)航

vue項(xiàng)目中?jsconfig.json概念及使用步驟

更新時(shí)間：2022年07月07日 15:52:53 作者：唐璜Taro

這篇文章主要介紹了vue項(xiàng)目中?jsconfig.json是什么,本文僅僅簡(jiǎn)單介紹了?jsconfig?.json?的一些基本配置，而?jsconfig?.json提供了大量能使我們快速便捷提高代碼效率的方法，需要的朋友可以參考下

vue項(xiàng)目中 jsconfig.json是什么

當(dāng)您在工作空間中有一個(gè)定義項(xiàng)目上下文的jsconfig.json文件時(shí)，JavaScript體驗(yàn)會(huì)得到改進(jìn)。

這杰斯也太官方了，說白了就是提高在寫項(xiàng)目時(shí)舒適度的。

概述

目錄中存在tsconfig.json文件表明該目錄是 TypeScript 項(xiàng)目的根目錄。該tsconfig.json文件指定編譯項(xiàng)目所需的根文件和編譯器選項(xiàng)。

JavaScript 項(xiàng)目可以使用jsconfig.json文件來代替，它的作用幾乎相同，但默認(rèn)啟用了一些與 JavaScript 相關(guān)的編譯器標(biāo)志。

一、使用tsconfig.json或jsconfig.json

jsconfig.json源于tsconfig.json，是TypeScript的配置文件。
jsconfig.json相當(dāng)于tsconfig.json的“allowJs”屬性設(shè)置為true

二、使用步驟

1. 配置說明

代碼如下（示例）：

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            // 解決項(xiàng)目中使用@作為路徑別名，導(dǎo)致vscode無法跳轉(zhuǎn)文件的問題
            "@/*": ["src/*"]
        },
        // 解決prettier對(duì)于裝飾器語(yǔ)法的警告
        "experimentalDecorators": true,
        // 解決.jsx文件無法快速跳轉(zhuǎn)的問題
        "jsx": "preserve"
    },
    //提高 IDE 性能
    "exclude": ["node_modules", "dist", "build"]
}

*Tips 在這里特別說明一下 exclude 為什么提高編譯器性能？

如果開發(fā)的項(xiàng)目根目錄下沒有 jsconfig.json，在默認(rèn)情況下，像 VS Code，默認(rèn)只會(huì)把 node_modules文件夾排除掉。
官方給出建議是這樣的：