TypeScript 是 JavaScript 的超集,添加了静态类型检查等功能。VSCode 是微软开发的代码编辑器,对 TypeScript 有很好的支持。
1. 安装 TypeScript
首先,确保已安装 Node.js 和 npm。然后通过以下命令安装 TypeScript:
npm install -g typescript
2. 创建 TypeScript 项目
在项目目录中初始化 tsconfig.json
文件:
tsc --init
这会生成一个默认的 tsconfig.json
文件,用于配置 TypeScript 编译选项。
3. 编写 TypeScript 代码
创建一个 .ts
文件,例如 app.ts
,并编写代码:
function greet(name: string): string {
return `Hello, ${name}!`;
}
console.log(greet("World"));
4. 编译 TypeScript
使用以下命令将 TypeScript 编译为 JavaScript:
tsc
默认情况下,编译后的 .js
文件会输出到同一目录。你也可以通过 tsconfig.json
自定义输出目录。
5. 在 VSCode 中调试
VSCode 支持直接调试 TypeScript。创建 launch.json
文件,配置如下