TypeScript 概述与安装
约 359 字大约 1 分钟
布欧-Lewyon
2026-05-16
首页 › TypeScript › 基础入门 › TypeScript 概述与安装
TypeScript 是什么
TypeScript 是微软开发的开源编程语言,是 JavaScript 的超集——它在 JS 基础上增加了静态类型系统。
核心优势
| 优势 | 说明 |
|---|---|
| 静态类型检查 | 开发阶段发现类型错误,减少运行时 Bug |
| 更好的 IDE 支持 | 自动补全、跳转定义、重构安全 |
| 自文档化 | 类型即文档,函数签名就是使用说明书 |
| 渐进采用 | 现有 JS 项目可逐步迁移 |
安装与运行
# 全局安装
npm install -g typescript
# 查看版本
tsc --version # Version 5.8.2
# 编译单个文件
tsc hello.ts # 输出 hello.js
# 初始化配置
tsc --init # 生成 tsconfig.json快速体验
// greet.ts
function greet(name: string): string {
return `Hello, ${name}!`;
}
const message = greet('TypeScript');
console.log(message);tsc greet.ts # 编译
node greet.js # 运行Vite + TS(推荐开发方式)
npm create vite@latest my-app -- --template vanilla-ts
cd my-app
npm install
npm run devTypeScript Playground
在线体验:https://www.typescriptlang.org/play
小结
| 概念 | 要点 |
|---|---|
| TS 定位 | JS 的超集,编译后输出纯 JS |
| 核心价值 | 静态类型检查,开发阶段纠错 |
| 工具链 | tsc 编译 / Vite 原生支持 / VSCode 内置支持 |
下一节:基本类型与类型注解
