TypeScript 入門教程(1)

安裝 TypeScript

TypeScript 的命令行工具安裝方法如下:

npm? install -g typescript

上面命令會在全局安裝tsc命令,安裝成功后,你可以在命令行里輸入 tsc -V? 查看tsc版本。

編譯一個 TypeScript 文件很簡單:

舉個例子

從萬年不變的hello, world 開始, 新建 hello.ts:

hello.ts

然后執(zhí)行 tsc hello.ts,會編譯生成一個hello.js文件:

hello.js

TypeScript 中,使用?:?指定變量的類型,:?的前后有沒有空格都可以。

TypeScript 只會進行靜態(tài)檢查,如果發(fā)現(xiàn)有錯誤,編譯的時候就會報錯。不過即使報錯了,還是會生成編譯結(jié)果。如果要在報錯的時候終止 js 文件的生成,可以在?tsconfig.json?中配置?noEmitOnError 。

tsconfig.json

tsconfig.json文件在TypeScript項目的根目錄下,tsconfig.json文件中指定了用來編譯這個項目的根文件和編譯選項。

使用tsconfig.json

1. 不帶任何輸入文件的情況下調(diào)用tsc,編譯器會從當(dāng)前目錄開始去查找tsconfig.json文件,逐級向上搜索父目錄。

2. 不帶任何輸入文件的情況下調(diào)用tsc,且使用命令行參數(shù)--project(或-p)指定一個包含tsconfig.json文件的目錄。

注:當(dāng)命令行上指定了輸入文件時,tsconfig.json文件會被忽略。

簡單的配置示例:

使用files屬性:

使用"files"屬性

使用"include"和“exclude”屬性:

使用"include"和“exclude”屬性

配置解析

"compilerOptions"可以被忽略,這時編譯器會使用默認(rèn)值。在這里查看完整的編譯器選項列表。

"files"指定一個包含相對或絕對文件路徑的列表。?"include"和"exclude"屬性指定一個文件glob匹配模式列表。 支持的glob通配符有:

*?匹配0或多個字符(不包括目錄分隔符)

??匹配一個任意字符(不包括目錄分隔符)

**/?遞歸匹配任意子目錄

如果一個glob模式里的某部分只包含*或.*,那么僅有支持的文件擴展名類型被包含在內(nèi)(比如默認(rèn).ts,.tsx,和.d.ts, 如果allowJs設(shè)置能true還包含.js和.jsx)。

如果"files"和"include"都沒有被指定,編譯器默認(rèn)包含當(dāng)前目錄和子目錄下所有的TypeScript文件(.ts,?.d.ts?和?.tsx),排除在"exclude"里指定的文件。JS文件(.js和.jsx)也被包含進來如果allowJs被設(shè)置成true。 如果指定了"files"或"include",編譯器會將它們結(jié)合一并包含進來。 使用"outDir"指定的目錄下的文件永遠會被編譯器排除,除非你明確地使用"files"將其包含進來(這時就算用exclude指定也沒用)。

下一章:TypeScript入門教程(2)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容