快速上手Vue開發:在項目中如何配置 tsconfig.json 文件?

文章目錄

  • 一、簡介
  • 二、配置
    • 1、示例
    • 2、編譯器選項列表

一、簡介

??tsconfig.json文件中指定了用來編譯這個項目的根文件和編譯選項。

二、配置

1、示例

{"compilerOptions": {"baseUrl": ".","paths": {"@/*": ["src/*"]}},"include": ["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue","vite.config.ts"],"exclude": ["dist", "**/*.js", "node_modules"]
}

compilerOptions:編譯器選項列表。
include 和 exclude:指定一個文件glob匹配模式列表。

2、編譯器選項列表

選項類型默認值描述
–allowJsbooleanfalse允許編譯javascript文件。
–allowSyntheticDefaultImportsbooleanmodule === “system” 或設置了 --esModuleInterop 且 module 不為 es2015 / esnext允許從沒有設置默認導出的模塊中默認導入。這并不影響代碼的輸出,僅為了類型檢查。
–allowUnreachableCodebooleanfalse不報告執行不到的代碼錯誤。
–allowUnusedLabelsbooleanfalse不報告未使用的標簽錯誤。
–alwaysStrictbooleanfalse以嚴格模式解析并為每個源文件生成 "use strict"語句
–baseUrlstring解析非相對模塊名的基準目錄。
–charsetstring“utf8”輸入文件的字符集。
–checkJsbooleanfalse在 .js文件中報告錯誤。與 --allowJs配合使用。
–declaration
-d
booleanfalse生成相應的 .d.ts文件。
–declarationDirstring生成聲明文件的輸出路徑。
–diagnosticsbooleanfalse顯示診斷信息。
–disableSizeLimitbooleanfalse禁用JavaScript工程體積大小的限制
–emitBOMbooleanfalse在輸出文件的開頭加入BOM頭(UTF-8 Byte Order Mark)。
–emitDecoratorMetadata [1]booleanfalse給源碼里的裝飾器聲明加上設計類型元數據。
–experimentalDecorators [1]booleanfalse啟用實驗性的ES裝飾器。
–extendedDiagnosticsbooleanfalse顯示詳細的診段信息。
–forceConsistentCasingInFileNamesbooleanfalse禁止對同一個文件的不一致的引用。
–help
-h
打印幫助信息。
–importHelpersstring從 tslib 導入輔助工具函數(比如 __extends, __rest等)
–inlineSourceMapbooleanFALSE生成單個sourcemaps文件,而不是將每sourcemaps生成不同的文件。
–inlineSourcesbooleanfalse將代碼與sourcemaps生成到一個文件中,要求同時設置了 --inlineSourceMap或 --sourceMap屬性。
–init初始化TypeScript項目并創建一個 tsconfig.json文件。
–isolatedModulesbooleanfalse將每個文件作為單獨的模塊(與“ts.transpileModule”類似)。
–jsxstring“Preserve”在 .tsx文件里支持JSX: "React"或 “Preserve”。查看 JSX。
–jsxFactorystring“React.createElement”指定生成目標為react JSX時,使用的JSX工廠函數,比如 React.createElement或 h。
–libstring[]編譯過程中需要引入的庫文件的列表。
–listEmittedFilesbooleanfalse打印出編譯后生成文件的名字。
–listFilesbooleanfalse編譯過程中打印文件名。
–localestring(platform specific)顯示錯誤信息時使用的語言,比如:en-us。
–mapRootstring為調試器指定指定sourcemap文件的路徑,而不是使用生成時的路徑。當 .map文件是在運行時指定的,并不同于 js文件的地址時使用這個標記。指定的路徑會嵌入到 sourceMap里告訴調試器到哪里去找它們。
–maxNodeModuleJsDepthnumber0node_modules依賴的最大搜索深度并加載JavaScript文件。僅適用于 --allowJs。
–module
-m
stringtarget === “ES6” ? “ES6” : “commonjs”指定生成哪個模塊系統代碼: “None”, “CommonJS”, “AMD”, “System”, “UMD”, "ES6"或 “ES2015”。
–moduleResolutionstringmodule === “AMD” or “System” or “ES6” ? “Classic” : “Node”決定如何處理模塊。或者是"Node"對于Node.js/io.js,或者是"Classic"(默認)。查看模塊解析了解詳情。
–newLinestring(platform specific)當生成文件時指定行結束符: “crlf”(windows)或 “lf”(unix)。
–noEmitbooleanfalse不生成輸出文件。
–noEmitHelpersbooleanfalse不在輸出文件中生成用戶自定義的幫助函數代碼,如 __extends。
–noEmitOnErrorbooleanfalse報錯時不生成輸出文件。
–noErrorTruncationbooleanfalse不截短錯誤消息。
–noFallthroughCasesInSwitchbooleanfalse報告switch語句的fallthrough錯誤。(即,不允許switch的case語句貫穿)
–noImplicitAnybooleanfalse在表達式和聲明上有隱含的 any類型時報錯。
–noImplicitReturnsbooleanfalse不是函數的所有返回路徑都有返回值時報錯。
–noImplicitThisbooleanfalse當 this表達式的值為 any類型的時候,生成一個錯誤。
–noImplicitUseStrictbooleanfalse模塊輸出中不包含 "use strict"指令。
–noLibbooleanfalse不包含默認的庫文件( lib.d.ts)。
–noResolvebooleanfalse不把 /// <reference``>或模塊導入的文件加到編譯文件列表。
–noStrictGenericChecksbooleanfalse禁用在函數類型里對泛型簽名進行嚴格檢查。
–noUnusedLocalsbooleanfalse若有未使用的局部變量則拋錯。
–noUnusedParametersbooleanfalse若有未使用的參數則拋錯。
–outstring棄用。使用 --outFile 代替。
–outDirstring重定向輸出目錄。
–outFilestring將輸出文件合并為一個文件。合并的順序是根據傳入編譯器的文件順序和 ///<reference``>和 import的文件順序決定的。查看輸出文件順序文件了解詳情。
paths [2]Object模塊名到基于 baseUrl的路徑映射的列表。查看 模塊解析文檔了解詳情。
–preserveConstEnumsbooleanfalse保留 const和 enum聲明。查看 const enums documentation了解詳情。
–preserveSymlinksbooleanfalse不把符號鏈接解析為其真實路徑;將符號鏈接文件視為真正的文件。
–preserveWatchOutputbooleanfalse保留watch模式下過時的控制臺輸出。
–pretty [1]booleanfalse給錯誤和消息設置樣式,使用顏色和上下文。
–project
-p
string編譯指定目錄下的項目。這個目錄應該包含一個 tsconfig.json文件來管理編譯。查看 tsconfig.json文檔了解更多信息。
–reactNamespacestring“React”當目標為生成 “react” JSX時,指定 createElement和 __spread的調用對象
–removeCommentsbooleanfalse刪除所有注釋,除了以 /!*開頭的版權信息。
–rootDirstring(common root directory is computed from the list of input files)僅用來控制輸出的目錄結構 --outDir。
rootDirs [2]string[]根(root)文件夾列表,表示運行時組合工程結構的內容。查看 模塊解析文檔了解詳情。
–skipDefaultLibCheckbooleanfalse忽略 庫的默認聲明文件的類型檢查。
–skipLibCheckbooleanfalse忽略所有的聲明文件( *.d.ts)的類型檢查。
–sourceMapbooleanfalse生成相應的 .map文件。
–sourceRootstring指定TypeScript源文件的路徑,以便調試器定位。當TypeScript文件的位置是在運行時指定時使用此標記。路徑信息會被加到 sourceMap里。
–strictbooleanfalse啟用所有嚴格類型檢查選項。啟用 --strict相當于啟用 --noImplicitAny, --noImplicitThis, --alwaysStrict, --strictNullChecks和 --strictFunctionTypes和–strictPropertyInitialization。
–strictFunctionTypesbooleanfalse禁用函數參數雙向協變檢查。
–strictPropertyInitializationbooleanfalse確保類的非undefined屬性已經在構造函數里初始化。若要令此選項生效,需要同時啟用–strictNullChecks。
–strictNullChecksbooleanfalse在嚴格的 null檢查模式下, null和 undefined值不包含在任何類型里,只允許用它們自己和 any來賦值(有個例外, undefined可以賦值到 void)。
–stripInternal [1]booleanfalse不對具有 /** @internal */ JSDoc注解的代碼生成代碼。
–suppressExcessPropertyErrors [1]booleanfalse阻止對對象字面量的額外屬性檢查。
–suppressImplicitAnyIndexErrorsbooleanfalse阻止 --noImplicitAny對缺少索引簽名的索引對象報錯。查看 issue #1232了解詳情。
–target
-t
string“ES3”指定ECMAScript目標版本 “ES3”(默認), “ES5”, “ES6”/ “ES2015”, “ES2016”, "ES2017"或 “ESNext”。
–traceResolutionbooleanfalse生成模塊解析日志信息
–typesstring[]要包含的類型聲明文件名列表。查看 @types,–typeRoots和–types章節了解詳細信息。
–typeRootsstring[]要包含的類型聲明文件路徑列表。查看 @types,–typeRoots和–types章節了解詳細信息。
–version
-v
打印編譯器版本號。
–watch
-w
在監視模式下運行編譯器。會監視輸出文件,在它們改變時重新編譯。監視文件和目錄的具體實現可以通過環境變量進行配置。詳情請看配置 Watch。
  • [1] 這些選項是試驗性的。
  • [2] 這些選項只能在 tsconfig.json里使用,不能在命令行使用。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/42135.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/42135.shtml
英文地址,請注明出處:http://en.pswp.cn/news/42135.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C#__基本特性和使用

// 特性&#xff08;attribute&#xff09;: // 一種允許我們向程序集添加元數據的語言結構 // 用于保存程序結構信息的某種特殊類型的類 // 類似“批注”&#xff0c;用于解釋說明 #define IsShowMessage // 宏定義&#xff0c;在開頭定義&#xff0…

uni-app彈窗列表滾動, 彈框下面的內容也跟隨滾動解決方案

滑動彈窗里的列表&#xff0c;彈框下面的內容也會跟著滑動&#xff0c;導致彈窗中的列表不能正常滾動 1.彈窗組件代碼&#xff0c;需要在最外層的view中加入touchmove.stop.prevent"moveHandle"&#xff0c;且彈窗中需要滾動的列表要使用scroll-view標簽包裹起來&…

Python爬蟲——requests_post請求

import requests import jsonurl https://fanyi.baidu.com/sugheaders {User-Agent: ,Cookie: }data {kw: hello }response requests.post(url, data, headersheaders)content response.textobj json.loads(content.encode(utf-8)) print(obj)總結&#xff1a; post請求…

五分鐘搭建生鮮蔬果小程序

如今&#xff0c;隨著移動互聯網的快速發展&#xff0c;小程序已經成為眾多企業和商家推廣產品和服務的重要工具。而生鮮蔬果行業作為一個常見的消費領域&#xff0c;也開始逐漸轉向小程序商城來進行銷售和服務。那么&#xff0c;如何從零開始搭建一個生鮮蔬果小程序商城呢&…

Hlang--用Python寫個解釋器

文章目錄 前言流程數學解釋器結果封裝數的操作運行時異常運行解釋實現總結前言 沒錯今天提前來做這個東西,昨天晚上干這個玩意差不多干了兩個多小時才搞定,導致凌晨2點才睡覺,最要命的是,寫著寫著突然想到有一道線代理解錯了,一個晚上,做夢全是這兩個東西。尤其是晚上效…

LeetCode150道面試經典題-- 快樂數(簡單)

1.題目 編寫一個算法來判斷一個數 n 是不是快樂數。 「快樂數」 定義為&#xff1a; 對于一個正整數&#xff0c;每一次將該數替換為它每個位置上的數字的平方和。然后重復這個過程直到這個數變為 1&#xff0c;也可能是 無限循環 但始終變不到 1。如果這個過程 結果為 1&am…

JVM——JVM參數指南

文章目錄 1.概述2.堆內存相關2.1.顯式指定堆內存–Xms和-Xmx2.2.顯式新生代內存(Young Ceneration)2.3.顯示指定永久代/元空間的大小 3.垃圾收集相關3.1.垃圾回收器3.2.GC記錄 1.概述 在本篇文章中&#xff0c;你將掌握最常用的 JVM 參數配置。如果對于下面提到了一些概念比如…

Linux系統之安裝my-mind思維導圖工具

Linux系統之安裝my-mind思維導圖工具 一、my-mind介紹二、本地環境介紹2.1 本地環境規劃2.2 本次實踐介紹 三、檢查本地環境3.1 檢查本地操作系統版本3.2 檢查系統內核版本3.3 檢查端口占用情況 四、安裝httpd4.1 檢查本地yum倉庫4.2 安裝httpd4.3 關閉防火墻和selinux4.4 創建…

arcgis數據采集與拓撲檢查

1、已準備好一張配準好的浙江省行政區劃圖&#xff0c;如下&#xff1a; 2、現在需要繪制湖州市縣級行政區劃。需要右擊文件夾新建文件地理數據庫&#xff0c;如下&#xff1a; 其余步驟均默認即可。 創建好縣級要素數據集后&#xff0c;再新建要素類&#xff0c;命名為縣。 為…

【Java 動態數據統計圖】動態數據統計思路案例(動態,排序,containsKey)五(117)

需求&#xff1a;前端根據后端的返回數據&#xff1a;畫統計圖&#xff1b; 1.動態獲取地域數據以及數據中的平均值&#xff0c;按照平均值降序排序&#xff1b; 說明&#xff1a; X軸是動態的&#xff0c;有對應區域數據則展示&#xff1b; X軸 區域數據降序排序&#xff1b;…

03-第一個Spark程序WordCount

Scala版 1&#xff09;創建項目 增加 Scala 插件 Spark 由 Scala 語言開發的&#xff0c;咱們當前使用的 Spark 版本為 3.2.0&#xff0c;默認采用的 Scala 編譯版本為 2.13&#xff0c;所以后續開發時。我們依然采用這個版本。開發前請保證 IDEA 開發工具中含有 Scala 開發…

ebay燈串UL報告 UL588檢測標準

季節性和裝飾性照明用品即燈串以及配件都是便攜式插頭連接的臨時性商品&#xff0c;最大額定輸入電壓為 120 伏。 由 ILAC ISO 17025 認證的實驗室出具的檢測報告&#xff0c;確認每件商品均已經過檢測&#xff0c;符合下列要求&#xff1a; 季節性和裝飾性照明用品(燈串&…

企業中商業智能BI,常見的工具和技術

商業智能&#xff08;Business Intelligence&#xff0c;簡稱BI&#xff09;數據可視化是通過使用圖表、圖形和其他可視化工具來呈現和解釋商業數據的過程。它旨在幫助組織更好地理解和分析他們的數據&#xff0c;從而做出更明智的商業決策。 常見的商業智能數據可視化工具和技…

AtcoderABC222場

A - Four DigitsA - Four Digits 題目大意 給定一個整數N&#xff0c;其范圍在0到9999之間&#xff08;包含邊界&#xff09;。在將N轉換為四位數的字符串后&#xff0c;輸出它。如果N的位數不足四位&#xff0c;則在前面添加必要數量的零。 思路分析 可以使用輸出流的格式設…

鼠標樣式和指向

學習抖音&#xff1a; 渡一前端教科頻道 圖上指針跟著鼠標移動&#xff0c;并且改變方向 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><style>* {padding: 0;margin: 0;}.arrow {position: fixed;width: 3…

Spring Clould 消息隊列 - RabbitMQ

視頻地址&#xff1a;微服務&#xff08;SpringCloudRabbitMQDockerRedis搜索分布式&#xff09; 初識MQ-同步通訊的優缺點&#xff08;P61&#xff0c;P62&#xff09; 同步和異步通訊 微服務間通訊有同步和異步兩種方式&#xff1a; 同步通訊&#xff1a;就像打電話&…

數據庫名字添加中文

Jetbrains 可以呀&#xff0c;這個ui 相當棒 from database import Sqlite3Database from googletrans import Translator import csvif __name__ "__main__":TRANS_EN2ZH Falsetranslator Translator()sqlite Sqlite3Database("./drurmu.db")sqlite.r…

x.view(a,b)及x = x.view(x.size(0), -1) 的理解說明

x.view()就是對tensor進行reshape&#xff1a; 我們在創建一個網絡的時候&#xff0c;會在Foward函數內看到view的使用。 首先這里是一個簡單的網絡&#xff0c;有卷積和全連接組成。它的foward函數如下&#xff1a; class NET(nn.Module):def __init__(self,batch_size):sup…

小米交卷大模型,全新小愛同學實測來了

本文源自&#xff1a;量子位 果然只有雷軍和小米&#xff0c;能搶走風口上大模型的熱度。 在雷軍的年度演講分享中&#xff0c;講武大求學經歷&#xff0c;分享學霸4年大學2年完課經驗&#xff1b;講被《硅谷之火》點燃&#xff0c;勤奮練習寫最好的代碼&#xff0c;開啟第一…

armbian使用1panel快速部署部署springBoot項目后端

文章目錄 前言環境準備實現步驟第一步&#xff1a;Armbian安裝1panel第二步&#xff1a;安裝數據庫第三步&#xff1a;查看數據庫容器重要信息【重要】查看容器所在的網絡查看容器連接地址 第四步&#xff1a;項目配置和打包第五步:構建項目鏡像 前言 這里只是簡單記錄部署spr…