TypeScript 是 JavaScript 的超集,添加了静态类型检查和面向对象特性。以下是快速上手指南:
1. 安装与配置 ⚙️
- 使用 npm 安装:
npm install -g typescript
- 创建
tsconfig.json
配置文件 - 安装 VSCode 并启用 TypeScript 插件 ✅
2. 基础语法 📝
// 变量声明
let message: string = "Hello, TypeScript!";
const PI: number = 3.1415;
// 函数定义
function sum(a: number, b: number): number {
return a + b;
}
3. 类型系统 🧱
- 原始类型:
string
,number
,boolean
,any
- 接口(Interface)📦
- 类(Class)✨
- 联合类型
|
和类型断言as
4. 项目构建 🏗️
- 使用
tsc
编译代码 - 配置
tsconfig.json
的outDir
和module
- 集成 Webpack 或 Vite 🌐
5. 扩展阅读 📚
- TypeScript 官方文档
- 探索高级特性:装饰器、泛型、类型守卫