TypeScript 入門
TypeScript 編譯器
TypeScript 使用編譯器將其轉譯為 JavaScript。
TypeScript 被轉換為 JavaScript 意味著它可以在任何執行 JavaScript 的地方執行！
安裝編譯器
TypeScript 有一個官方編譯器，可以透過 npm 進行安裝。
瞭解更多關於 npm 以及如何開始的資訊，請訪問： 什麼是 npm？
在你的 npm 專案中，執行以下命令來安裝編譯器
npm install typescript --save-dev
輸出應類似於
added 1 package, and audited 2 packages in 2s
found 0 vulnerabilities
編譯器安裝在 node_modules 目錄下，可以使用以下命令執行： npx tsc。
npx tsc
輸出應類似於
版本 4.5.5
tsc: TypeScript 編譯器 - 版本 4.5.5
之後是所有常用命令的列表。
配置編譯器
預設情況下，TypeScript 編譯器在空專案執行時會列印幫助資訊。
可以使用 tsconfig.json 檔案來配置編譯器。
你可以讓 TypeScript 建立一個帶有推薦設定的 tsconfig.json 檔案，命令如下：
npx tsc --init
輸出應類似於
建立了一個新的 tsconfig.json 檔案，其中包含：
TS
target: es2016
module: commonjs
strict: true
esModuleInterop: true
skipLibCheck: true
forceConsistentCasingInFileNames: true
你可以在 https://aka.ms/tsconfig.json 瞭解更多資訊
以下是可以在 tsconfig.json 檔案中新增的其他選項的示例
{
"include": ["src"],
"compilerOptions": {
"outDir": "./build"
}
}
你可以在編輯器中開啟此檔案以新增這些選項。這將配置 TypeScript 編譯器將專案 src/ 目錄中的 TypeScript 檔案轉譯為 build/ 目錄中的 JavaScript 檔案。
這是快速上手 TypeScript 的一種方法。還有許多其他選項，例如 create-react-app 模板、node 入門專案 和 webpack 外掛。
