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

相关推荐
迷路爸爸18018 小时前
cursor资源管理器修改为与vscode一样的纵向布局
ide·vscode·编辑器
星羽XingYu20 小时前
esp32 vscode clangd 无法索引库函数解决方案
ide·vscode·编辑器
Dontla21 小时前
VSCode Python扩展自动加载.env环境变量机制(Python插件)python.terminal.useEnvFile
ide·vscode·python
平头某1 天前
DSH:Agent 的 VSCode 时刻?
ide·vscode·编辑器
Dontla1 天前
VSCode打开关闭控制台面板快捷键ctrl+`(terminal快捷键、vscode控制台快捷键)
ide·vscode·编辑器
徽京人2 天前
VS Code 接入Esp 32步骤
vscode·单片机·嵌入式硬件
日光倾2 天前
TypeScript 随手记 —— 1
前端·javascript·typescript
werdedeage2 天前
从一个 loading 到完整状态机:多模型图片编辑流程的前端建模
typescript
JaydenAI2 天前
[TypeScript学习笔记-10]一个特殊且重要的类型:Symbol
typescript·symbol
oushaojun22 天前
vscode中支持deepseek ai辅助编程
vscode·copilot·deepseek