一、TS (TypeScript):

TypeScript 是一種由微軟開發的開源編程語言，它是 JavaScript 的一個超集，增加了類型系統和對ES6及以后版本新特性的支持。TypeScript 旨在解決 JavaScript 開發中的可維護性、可擴展性和大型項目中的復雜性問題。它允許開發者在編譯時進行類型檢查，以提高代碼的健壯性。

二、TSC (TypeScript Compiler):

TSC 是 TypeScript 編譯器的命令行工具，它負責將 TypeScript 代碼編譯成 JavaScript 代碼。當在項目中使用 TypeScript 時，需要通過 tsc 命令來編譯 .ts 或 .tsx 文件。編譯器會檢查代碼中的類型錯誤，并將其轉換為純 JavaScript 代碼，這樣瀏覽器或其他 JavaScript 環境就可以執行這些代碼了。

三、TSX (TypeScript for JSX):

TSX 是 TypeScript 的一個變體，它允許在 TypeScript 代碼中直接編寫 JSX 語法。JSX 是一種 JavaScript 的語法擴展，它允許在 JavaScript 代碼中編寫類似 HTML 的標記語言。TSX 主要用于 React 應用開發，使得開發者可以在 TypeScript 的基礎上，利用 React 的組件化特性來構建用戶界面。

TSX 代碼示例：

const element: React.FC = () => {return <h1>Hello, world!</h1>;
};

四、JSX (JavaScript XML):

JSX 是一種 JavaScript 的語法擴展，它允許你在 JavaScript 代碼中編寫類似 HTML 的標記語言。JSX 被廣泛用于 React 框架中，用于描述 UI 組件的結構。JSX 使得開發者可以使用 HTML 標簽的形式來聲明組件的 UI 結構，這使得從 HTML 過渡到 React 開發變得更加容易。

JSX 代碼示例：

const element = <h1>Hello, world!</h1>;

• 共同點:
  兩者都允許在代碼中使用類似 HTML 的語法來描述 UI 結構。
  都可以在 React 等框架中使用，用于構建組件。

• 差異:
  JSX 是 JavaScript 的語法擴展，而 TSX 是在 JSX 的基礎上增加了 TypeScript 的類型系統。
  在 JSX 中，只能使用 JavaScript 的特性，而在 TSX 中，可以使用 TypeScript 的所有特性，包括類型注解、接口、類等。

• 使用場景:
  當使用 React 或其他支持 JSX 的庫時，可以使用 JSX 來構建 UI。
  當希望在 JSX 中獲得 TypeScript 的類型檢查和智能提示時，應該使用 TSX。

五、scss

SCSS (Sassy CSS) 是一種 CSS 的預處理器，它增加了一些有用的功能，使得 CSS 的編寫變得更加高效和易于維護。SCSS 允許你使用變量、嵌套規則、混合（mixins）、繼承和其它許多特性，這些在原生 CSS 中是不可用的。