使用 Visual Studio Code 编写 TypeScript程序

安装 TypeScript

首先,确保你已经安装了 TypeScript,如果没有安装,请参考https://blog.csdn.net/David_house/article/details/134077973?spm=1001.2014.3001.5502进行安装

创建

新建一个文件夹,用vs code打开,在文件夹下新建一个后缀为.ts的文件,加入你的内容

初始化 TypeScript 配置

  1. 点击最上方工具栏的terminal,打开一个新的终端
    terminal->new terminal
  2. 在终端输入命令tsc --init,生成相关的配置文件tsconfig.json

添加任务监听 tsconfig.json

选择terminal->run task,然后选择watch-tsconfig.json

然后项目会自动编译ts 为 js 文件相应目录下

运行

选择生成的js文件,右键run code就可以运行我们的程序了

在output控制台查看打印的结果:

相关推荐
Asize30 分钟前
Bun + TypeScript 实战:从接口约束到 RESTful 路由设计
后端·typescript·代码规范
女神下凡2 小时前
这是 Cursor(Composer) 的五种核心交互模式
服务器·人工智能·windows·vscode·microsoft
大家的林语冰4 小时前
超越 TypeScript,Flow 强势回归,语法高仿 TS,功能更丰富,类型更安全!
前端·javascript·typescript
生信碱移5 小时前
Vscode 连接 ipynb 选择内核无法自动显示 conda 环境对应的 python
服务器·人工智能·经验分享·vscode·python
爱就是恒久忍耐5 小时前
VSCode里clangd如何配置跳转
ide·vscode·编辑器
SmartManWind5 小时前
vscode中claude-code插件wsl中开启自动模式
ide·vscode·编辑器·claude code
用户484526255826 小时前
Bun 入门:Bun.serve 零依赖启动 HTTP 服务
typescript
Watink Cpper7 小时前
VSCode通过ChatGPT5.5登陆codex:sign-in could not be complete 问题解决方案
ide·vscode·编辑器·codex·gpt5.5
小庞在加油1 天前
从qmake到CMake+VSCode:Qt项目现代化迁移与AI提效实战指南
vscode·qt·ai·ai工具
utf8mb4安全女神1 天前
HTML网页【vscode】【Linux】
ide·vscode·编辑器