成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

3403771864 / 1236人閱讀

    先為大家介紹在vue項(xiàng)目中 jsconfig.json

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

  概述

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

  JavaScript 項(xiàng)目可以使用jsconfig.json文件來代替,兩者近乎相同,同時(shí)默認(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ì)于裝飾器語法的警告
  "experimentalDecorators": true,
  // 解決.jsx文件無法快速跳轉(zhuǎn)的問題
  "jsx": "preserve"
  },
  //提高 IDE 性能
  "exclude": ["node_modules", "dist", "build"]
  }

  *Tips就是解釋下exclude為什么 提高 編譯器 性能 ?

  就是當(dāng)開發(fā)的項(xiàng)目根目錄下沒有 jsconfig.json,在默認(rèn)情況下,像 VS Code, 默認(rèn)只會(huì)把 node_modules文件夾排除掉。

  官方建議:

  只要有可能,您應(yīng)該使用不屬于項(xiàng)目源代碼的JavaScript文件排除文件夾。

  意思就是與開發(fā)無關(guān)的文件可以讓 IDE 全部在編譯時(shí)排除掉,像上面的配置中就排除了,構(gòu)建過程依賴文件(node_modules)和生成的文件(dist 目錄) 排除這些文件,可以提高 vscode 的性能。。

  2. 配置 webpack 別名

  咋樣,新手是不是無從下手那,太亂了。

  現(xiàn)在它來了,你需要配置paths :

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

  用 @ 代替 項(xiàng)目中 src目錄,我們?cè)?src 目錄下 找 components 就簡單多了

  3. compilerOptions配置

  本文內(nèi)容已全部講述完畢,歡迎大家關(guān)注后續(xù)更多精彩內(nèi)容。


文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/129038.html

相關(guān)文章

  • RxJava系列二(基本念及使用介紹

    摘要:作用默認(rèn)的,直接在當(dāng)前線程運(yùn)行總是開啟一個(gè)新線程用于密集型任務(wù),如異步阻塞操作,這個(gè)調(diào)度器的線程池會(huì)根據(jù)需要增長對(duì)于普通的計(jì)算任務(wù),請(qǐng)使用默認(rèn)是一個(gè),很像一個(gè)有線程緩存的新線程調(diào)度器計(jì)算所使用的。這個(gè)使用的固定的線程池,大小為核數(shù)。 轉(zhuǎn)載請(qǐng)注明出處:https://zhuanlan.zhihu.com/p/20687307 RxJava系列1(簡介) RxJava系列2(基本概念及使...

    Profeel 評(píng)論0 收藏0
  • 不再手寫import - VSCode自動(dòng)引入Vue組件和Js模塊

    摘要:如要自動(dòng)引入組件,首先需安裝拓展自動(dòng)引入組件和普通模塊在根目錄添加。使用自動(dòng)引入中的安裝拓展配置輸入命令后選擇引入包其他自動(dòng)引入組件和模塊后,按住點(diǎn)擊路徑可直接跳到該文件文章原始發(fā)布于我的博客 如要自動(dòng)引入Vue組件,首先需安裝VSCode拓展: Vetur 自動(dòng)引入Vue組件和普通Js模塊 在根目錄添加 jsconfig.json 。 每次修改jsconfig.json后需重啟該V...

    LiuRhoRamen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<