---
# System prepended metadata

title: "\U0001F3C5 Day 1 - TypeScript 簡介"
tags: [TypeScript 直播班-2025]

---


# 🏅 Day 1 - TypeScript 簡介

## 題目一：TypeScript 介紹，五道單選題


> 影片連結：[01 - 什麼是TypeScript ? 基本的一些介紹](https://courses.hexschool.com/courses/typescript-2025/lectures/62730057)
> 

TypeScript 是一種靜態型別的程式語言，它是 JavaScript 的嚴格語法超集，可以編譯為純 JavaScript 代碼。TypeScript 提供了型別檢查、程式碼提示等功能，使得開發者能夠更容易地進行大型專案的開發和維護。


請觀看影片來回答以下五道單選題：

1. TypeScript 是什麼類型的程式語言？
    1. 動態型別語言
    2. 靜態型別語言
    3. 混合型別語言
2. TypeScript 是基於哪種程式語言的超集？
    1. Python
    2. Java
    3. JavaScript
3. TypeScript 的主要優勢是什麼？
    1. 更高的執行效能
    2. 更簡潔的語法
    3. 更好的可維護性和可擴展性
4. TypeScript 提供了哪種功能來進行型別檢查 (複選)？
    1. 編譯時型別檢查
    2. 執行時型別檢查
    3. 靜態型別檢查
5. TypeScript 可以直接運行於瀏覽器中嗎？
    1. 可以
    2. 不可以

<!-- 解答：  
2、3、3、(1、3)、2
-->

## 題目二：TypeScript 環境安裝與教學

> 影片連結：[02 - 用 Vite 起一個 TypeScript 專案](https://courses.hexschool.com/courses/typescript-2025/lectures/62730083)

請依照影片或下方文字，將 TypeScript 專案環境建立完成，並截圖成功運行畫面即可

### 步驟一：安裝 VSCode 編輯器

前往 [VSCode](https://code.visualstudio.com/) 官網，找到網頁中的 "Download" 按鈕，系統會自動檢測作業系統（Mac 或 Windows）並提供相應的下載選項。

### 步驟二：安裝 [Node.js](https://nodejs.org/en)

Node.js 中包含 NPM（Node Package Manager），這是一個套件管理工具，可以用來安裝 TypeScript 以及其他相關的套件。

### 步驟三：透過 Vite 初始化 TypeScript 專案

1. 參考 [Vite](https://vite.dev/guide/) 的文件說明，首先在終端機選定一個路徑，並輸入以下指令來開啟 vite 的專案創建引導流程：
    
```bash
npm create vite@latest
```

2. 接下來只需要跟隨介面中的引導即可完成專案的創建 (須注意要選到正確的選項)。

```
...
Select a framework >> Vanilla
Select a variant >> TypeScript
...
```

3. 使用 VSCode 開啟專案，並執行 `npm install` 來安裝相關的依賴套件。

4. 執行 `npm run dev`，當網頁有順利出現起始畫面即代表專案建立完成~


