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

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

您將以實(shí)用的方式學(xué)習(xí)日常生活中使用 Typescript 時(shí)最常用的一切。

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

設(shè)置

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

節(jié)點(diǎn)安裝

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

VS 代碼安裝

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

打字稿安裝

安裝好 Node 后，我們就可以啟動(dòng)項(xiàng)目并配置 Typescript。

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

npm init -y && code .

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

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

npm i -D typescript

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

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

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

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

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

您可以訪問(wèn) https://www.typescriptlang.org/docs/handbook/compiler-options.html

了解所有可用選項(xiàng)

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

npm init -y && code .

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

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

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

npm i -D typescript

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

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

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

每當(dāng)你想在控制臺(tái)中看到某些內(nèi)容時(shí)，你都需要運(yùn)行此命令來(lái)將文件編譯為 Javascript，好嗎？

---

原始類型

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

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

細(xì)繩

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

數(shù)字

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

布爾值

真假經(jīng)典。

象征

有點(diǎn)抽象，但是符號(hào)是唯一的標(biāo)識(shí)符。將其視為物體的指紋。

比金特

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

無(wú)效的

代表沒(méi)有值的變量。

不明確的

代表未初始化的值。

---

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

下一堂課

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

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

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