使用 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控制台查看打印的结果:

相关推荐
后除3 小时前
从零到一: 创建一个 TypeScript 7 项目
前端·webpack·typescript
小磊哥er20 小时前
深入解构Claude Code - 第 10 篇 · 高级能力
typescript·ai编程
小磊哥er21 小时前
深入解构Claude Code - 第 9 篇 · 怎么给它加功能
typescript·ai编程
FungLeo1 天前
成为全栈·Node 后端篇·后端工程从零搭建:TypeScript、目录与热更新
javascript·typescript·node 后端
梅雅达编程笔记1 天前
实战:用Harness做一个自动化日报Agent
typescript·实战教程·deepseek·harness·自动化agent
AbelTomato1 天前
博客评论系统搭建回顾
javascript·typescript·cloudflare·supabase·hyperdrive
用户0934077735141 天前
HarmonyOS WPS Open SDK 实践:registerApp 鉴权与就绪门禁
android·typescript·harmonyos
witton1 天前
MacOS中在目录或者文件右键菜单中添加“使用VSCode打开”
vscode·macos·文件·目录·服务·automator·右键菜单
穗余1 天前
Typescript let和var区别
前端·javascript·typescript
苏灿烤鱼1 天前
AI总改崩你的代码?4.6万星GitNexus架构深拆
typescript·开源·agent