国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

介紹vue項目中jsconfig.json概念及使用步驟

3403771864 / 1289人閱讀

    先為大家介紹在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"]
  }

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

  就是當開發的項目根目錄下沒有 jsconfig.json,在默認情況下,像 VS Code, 默認只會把 node_modules文件夾排除掉。

  官方建議:

  只要有可能,您應該使用不屬于項目源代碼的JavaScript文件排除文件夾。

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

  2. 配置 webpack 別名

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

  現在它來了,你需要配置paths :

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

  用 @ 代替 項目中 src目錄,我們在 src 目錄下 找 components 就簡單多了

  3. compilerOptions配置

  本文內容已全部講述完畢,歡迎大家關注后續更多精彩內容。


文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/129038.html

相關文章

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

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

    Profeel 評論0 收藏0
  • 不再手寫import - VSCode自動引入Vue組件和Js模塊

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

    LiuRhoRamen 評論0 收藏0

發表評論

0條評論

3403771864

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<