TypeScript
日期:2025年3月28日
作者:内向的小码农
一、学习背景与目标
作为一名有前端基础(HTML/CSS/JavaScript)的开发者,我深知动态类型语言在协作开发中的痛点。TypeScript 的静态类型系统不仅能提升代码可维护性,还能通过编译时检查减少运行时错误。
二、学习步骤与代码实践
1. 环境搭建(耗时:30分钟)
步骤说明:
• 安装 Node.js(需先安装,TypeScript 依赖其包管理工具)
• 全局安装 TypeScript 编译器:
npm install -g typescript
• 验证安装:
tsc -v
代码示例:
# 安装命令
npm install -g typescript# 验证版本
tsc -v # 输出类似 "Version 5.0.0" 即成功
心得:环境搭建过程简单,但需注意 Node.js 版本需 >=12.0.0 以兼容最新 TypeScript 特性。
2. 编写第一个 TypeScript 程序(耗时:1小时)
目标:通过一个简单示例理解 TypeScript 的类型注解和编译过程。
代码示例:
// hello.ts
function greet(name: string): string {return `Hello, ${name}!`;
}const user = "前端开发者";
console.log(greet(user));
编译与运行:
#方案1 基本的命令行
tsc hello.ts # 生成 hello.js
node hello.js # 输出 "Hello, 前端开发者!"#方案2 自动化编译 (一般选择这种)
tsc -init #初始化一个json配置文件
#tsconfig.json
#"noEmi