先為大家介紹在vue項目中 jsconfig.json
官方說明:當(dāng)您在工作空間中有一個定義項目上下文的jsconfig.json文件時,JavaScript體驗會得到改進。
概述
目錄中存在tsconfig.json文件表明該目錄是 TypeScript 項目的根目錄。該tsconfig.json文件指定編譯項目所需的根文件和編譯器選項。
JavaScript 項目可以使用jsconfig.json文件來代替,兩者近乎相同,同時默認啟用了一些與 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": { // 解決項目中使用@作為路徑別名,導(dǎo)致vscode無法跳轉(zhuǎn)文件的問題 "@/*": ["src/*"] }, // 解決prettier對于裝飾器語法的警告 "experimentalDecorators": true, // 解決.jsx文件無法快速跳轉(zhuǎn)的問題 "jsx": "preserve" }, //提高 IDE 性能 "exclude": ["node_modules", "dist", "build"] }
*Tips就是解釋下exclude為什么 提高 編譯器 性能 ?
就是當(dāng)開發(fā)的項目根目錄下沒有 jsconfig.json,在默認情況下,像 VS Code, 默認只會把 node_modules文件夾排除掉。
官方建議:
只要有可能,您應(yīng)該使用不屬于項目源代碼的JavaScript文件排除文件夾。
意思就是與開發(fā)無關(guān)的文件可以讓 IDE 全部在編譯時排除掉,像上面的配置中就排除了,構(gòu)建過程依賴文件(node_modules)和生成的文件(dist 目錄) 排除這些文件,可以提高 vscode 的性能。。
2. 配置 webpack 別名
咋樣,新手是不是無從下手那,太亂了。
現(xiàn)在它來了,你需要配置paths :
"paths": { "@/*": ["src/*"] }
用 @ 代替 項目中 src目錄,我們在 src 目錄下 找 components 就簡單多了
3. compilerOptions配置
本文內(nèi)容已全部講述完畢,歡迎大家關(guān)注后續(xù)更多精彩內(nèi)容。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/129038.html
摘要:作用默認的,直接在當(dāng)前線程運行總是開啟一個新線程用于密集型任務(wù),如異步阻塞操作,這個調(diào)度器的線程池會根據(jù)需要增長對于普通的計算任務(wù),請使用默認是一個,很像一個有線程緩存的新線程調(diào)度器計算所使用的。這個使用的固定的線程池,大小為核數(shù)。 轉(zhuǎn)載請注明出處:https://zhuanlan.zhihu.com/p/20687307 RxJava系列1(簡介) RxJava系列2(基本概念及使...
摘要:如要自動引入組件,首先需安裝拓展自動引入組件和普通模塊在根目錄添加。使用自動引入中的安裝拓展配置輸入命令后選擇引入包其他自動引入組件和模塊后,按住點擊路徑可直接跳到該文件文章原始發(fā)布于我的博客 如要自動引入Vue組件,首先需安裝VSCode拓展: Vetur 自動引入Vue組件和普通Js模塊 在根目錄添加 jsconfig.json 。 每次修改jsconfig.json后需重啟該V...
閱讀 546·2023-03-27 18:33
閱讀 731·2023-03-26 17:27
閱讀 629·2023-03-26 17:14
閱讀 590·2023-03-17 21:13
閱讀 519·2023-03-17 08:28
閱讀 1800·2023-02-27 22:32
閱讀 1291·2023-02-27 22:27
閱讀 2176·2023-01-20 08:28