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

？你會學到什麼？
？類別 001 - 原始類型
？類別 002 - 物件和陣列
？類別 003 - 函數(shù)
？ 004 類 - 其他類型
？類別 005 - 聯(lián)合型別、型別斷言與文字型別
？類 006 - 類型推論
？類別 007 - 介面和類型
？類別 008 - 泛型
？類別 009 - 實用程式類型
？ 010 級 - 課程（第 1 部分）
？ 011 班 - 課程（第 2 部分）
？ 012 級 - 額外提示
？ 013 班 - 實務(wù)挑戰(zhàn)

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

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

設(shè)定

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

節(jié)點安裝

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

VS 代碼安裝

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

打字稿安裝

安裝好 Node 後，我們就可以啟動專案並設(shè)定 Typescript。

建立一個資料夾並在這個新建立的資料夾中開啟終端，然後按 ENTER 執(zhí)行以下命令：

npm init -y && code .

該指令將建立一個 package.json 檔案並在該資料夾中開啟 VS Code。在 VS Code 中按一下「檢視」>「 Terminal 開啟整合終端。

現(xiàn)在，在整合的 VS Code 終端機中，執(zhí)行以下命令：

npm i -D typescript

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

建立一個名為 tsconfig.json 的文件，並將以下配置加入該文件：

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

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

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

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

以了解所有可用選項

存取 package.json 檔案並使用以下命令建立新的建置腳本：

npm init -y && code .

瀏覽器和 Node 一樣，無法理解 Typescript，我們需要將 Typescript 程式碼編譯為 Javascript，以便它能夠理解並執(zhí)行。這個指令會將我們的 Typescript 程式碼編譯為 Javascript，以便我們可以在 Node 中執(zhí)行它。

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

最後，使用以下程式碼建立一個名為 src 的資料夾和一個 index.ts 檔案：

npm i -D typescript

現(xiàn)在，讓我們測試一切是否正常。開啟終端機並運作：

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

運行時，如果一切正常，您應(yīng)該在終端機中看到 Hello World。

每當你想在控制臺中看到某些內(nèi)容時，你都需要執(zhí)行此命令來將檔案編譯為 Javascript，好嗎？

---

原始型

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

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

細繩

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

數(shù)位

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

布林值

真假經(jīng)典。

象徵

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

比金特

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

無效的

代表沒有值的變數(shù)。

不明確的

代表未初始化的值。

---

您可以透過以下連結(jié)取得課程代碼：
https://github.com/d3vlopes/curso-typescript/tree/aula-001

下一堂課

在下一堂課中，我們將學習 Typescript 中的物件和陣列。

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

以上是免費 Typescript 5 課程的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！