入門(mén)
TypeScript 編譯器
TypeScript 使用編譯器轉(zhuǎn)換為 JavaScript。
TypeScript 轉(zhuǎn)換為 JavaScript 意味著它可以在任何運(yùn)行 JavaScript 的地方運(yùn)行!
安裝編譯器
TypeScript 有一個(gè)官方編譯器,可以通過(guò) npm 安裝。
在您的 npm 項(xiàng)目中,運(yùn)行以下命令來(lái)安裝編譯器:
npm install typescript --save-dev
應(yīng)該會(huì)給出類(lèi)似的輸出:
added 1 package, and audited 2 packages in 2s found 0 vulnerabilities
編譯器安裝在 node_modules
目錄中,可以使用以下命令運(yùn)行:npx tsc
。
npx tsc
應(yīng)該會(huì)給出類(lèi)似的輸出:
Version 4.5.5 tsc: The TypeScript Compiler - Version 4.5.5
后面是所有常用命令的列表。
配置編譯器
默認(rèn)情況下,如果在一個(gè)空項(xiàng)目中運(yùn)行,TypeScript 編譯器將打印一條幫助消息。
可以使用 tsconfig.json 文件配置編譯器。
您可以使用以下命令讓 TypeScript 創(chuàng)建具有推薦設(shè)置的 tsconfig.json:
npx tsc --init
應(yīng)該會(huì)給出類(lèi)似的輸出:
Created a new tsconfig.json with: TS target: es2016 module: commonjs strict: true esModuleInterop: true skipLibCheck: true forceConsistentCasingInFileNames: true You can learn more at https://aka.ms/tsconfig.json
例如,以下是您可以添加到 tsconfig.json 文件的更多內(nèi)容:
{ "include": ["src"], "compilerOptions": { "outDir": "./build" } }
您可以在編輯器中打開(kāi)文件以添加這些選項(xiàng)。這將配置 TypeScript 編譯器,將位于項(xiàng)目 src/
目錄中的 TypeScript 文件轉(zhuǎn)譯為 build/
目錄中的 JavaScript 文件。
這是快速入門(mén) TypeScript 的一種方法。還有許多其他選項(xiàng)可用,例如 create-react-app 模板、node 入門(mén)項(xiàng)目和 webpack 插件。