要在VSCode中编写并运行TypeScript代码,请按照以下步骤操作:
安装Node.js和TypeScript编译器:
确保已经安装了Node.js,它将用于运行TypeScript代码。TypeScript编译器通常会与Node.js一起安装。可以通过在终端或命令提示符中运行
tsc --version
来检查是否已安装TypeScript编译器。如果没有安装,可以通过npm安装TypeScript:
npm install -g typescript
创建TypeScript文件:
在VSCode中,创建一个新的TypeScript文件,例如
index.ts
。- 编写TypeScript代码:
console.log("Hello, TypeScript!");
编译TypeScript代码:
在VSCode的终端中,运行TypeScript编译器将TypeScript文件编译成JavaScript:
tsc index.ts
这将生成一个名为index.js
的JavaScript文件。
运行JavaScript代码:
使用Node.js运行生成的JavaScript文件:
node index.js
为了更流畅的开发体验,可以配置VSCode以自动编译TypeScript文件。这可以通过在项目的tsconfig.json
文件中设置compileOnSave
选项来实现:
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
// ...其他选项
},
"compileOnSave": true
}
此外,可以安装VSCode的TypeScript插件,它提供了编写TypeScript时的智能提示和代码修复功能,并且会在保存文件时自动编译。