為了幫助您在 2025 年實現(xiàn)軟件開發(fā)人員的目標，我完全免費提供完整的 Typescript 課程！

？你會學到什么？
？類 001 - 原始類型
？類 002 - 對象和數(shù)組
？類 003 - 函數(shù)
？ 004 類 - 其他類型
？類 005 - 聯(lián)合類型、類型斷言和文字類型
？類 006 - 類型推斷
？類 007 - 接口和類型
？類 008 - 泛型
？類 009 - 實用程序類型
？ 010 級 - 課程（第 1 部分）
？ 011 班 - 課程（第 2 部分）
？ 012 級 - 額外提示
？ 013 班 - 實踐挑戰(zhàn)

您將以實用的方式學習日常生活中使用 Typescript 時最常用的一切。

如果您已經(jīng)了解 Javascript，Typescript 將改變您的職業(yè)生涯，為您的代碼帶來更高的安全性和可擴展性。

設置

開始課程之前，我們首先需要配置我們的開發(fā)環(huán)境，安裝和配置我們將使用的一些工具。

節(jié)點安裝

如果您的機器上沒有安裝 Node，您可以前往 https://nodejs.org/en/download 根據(jù)您的操作系統(tǒng)進行安裝。

VS 代碼安裝

我將使用VS Code作為編輯器，您可以前往https://code.visualstudio.com下載。

打字稿安裝

安裝好 Node 后，我們就可以啟動項目并配置 Typescript。

創(chuàng)建一個文件夾并在這個新創(chuàng)建的文件夾中打開終端，然后按 ENTER 運行以下命令：

npm init -y && code .

該命令將創(chuàng)建一個 package.json 文件并在該文件夾中打開 VS Code。在 VS Code 中單擊“查看”>“ Terminal 打開集成終端。

現(xiàn)在，在集成的 VS Code 終端中，運行以下命令：

npm i -D typescript

此命令將在我們的 package.json 中安裝 Typescript 作為開發(fā)依賴項。

創(chuàng)建一個名為 tsconfig.json 的文件，并將以下配置添加到該文件中：

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

tsconfig.json 文件用于配置 Typescript 編譯器，我們可以進行多種配置，目前我們只對以下配置感興趣：

• rootDir - 設置 Typescript 文件的路徑。
• outDir - 定義 Javascript 文件的輸出文件夾。
• target - 定義編譯器應該用來編譯文件的 Javascript 版本。
• strict - 啟用嚴格模式。
• noEmitOnError - 如果出現(xiàn)任何類型的錯誤，則不執(zhí)行編譯。

您可以訪問 https://www.typescriptlang.org/docs/handbook/compiler-options.html

了解所有可用選項

訪問 package.json 文件并使用以下命令創(chuàng)建新的構建腳本：

npm init -y && code .

瀏覽器和 Node 一樣，無法理解 Typescript，我們需要將 Typescript 代碼編譯為 Javascript，以便它能夠理解并執(zhí)行。該命令會將我們的 Typescript 代碼編譯為 Javascript，以便我們可以在 Node 中運行它。

請記住，最終我們所有的 Typescript 代碼都將變成 Javascript。 Typescript 只是開發(fā)中使用的一個工具，用于提高我們代碼的類型安全性和可擴展性。

最后，使用以下代碼創(chuàng)建一個名為 src 的文件夾和一個 index.ts 文件：

npm i -D typescript

現(xiàn)在，讓我們測試一切是否正常。打開終端并運行：

{
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "target": "ES2020",
    "strict": true,
    "noEmitOnError": true
  }
}

運行時，如果一切正常，您應該在終端中看到 Hello World。

每當你想在控制臺中看到某些內容時，你都需要運行此命令來將文件編譯為 Javascript，好嗎？

---

原始類型

在 TypeScript 中，有六種基本類型，分別是：string、number、boolean、symbol、bigint、null 和 undefined。

npx tsc && node ./dist/index.js

細繩

字符串是用引號括起來的任何內容?？梢允菃我?('')、雙引號 ("") 或反引號 ()。

數(shù)字

這里沒有區(qū)別：整數(shù)、小數(shù)、正數(shù)、負數(shù)，一切都被視為數(shù)字。

布爾值

真假經(jīng)典。

象征

有點抽象，但是符號是唯一的標識符。將其視為物體的指紋。

比金特

如果一個數(shù)字已經(jīng)很大，bigint 幾乎是無限的。用它來處理連科學計算器都無法解算的數(shù)字。

無效的

代表沒有值的變量。

不明確的

代表未初始化的值。

---

您可以通過以下鏈接獲取課程代碼：
https://github.com/d3vlopes/curso-typescript/tree/aula-001

下一堂課

在下一堂課中，我們將學習 Typescript 中的對象和數(shù)組。

？有疑問或問題嗎？
您在安裝配置時遇到任何問題嗎？您對課程有任何疑問嗎？將其發(fā)布在評論中，讓我們一起構建每個人都可以訪問的優(yōu)質材料。

以上是免費 Typescript 5 課程的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！