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

相关推荐
2401_858286115 小时前
VSCODE远程链接错误: 无法建立链接,过程试图写入的管道不存在的解决方法
ide·vscode·编辑器
像风一样自由20205 小时前
加强版VScode结合remote-ssh远程连接服务器开发指南
服务器·vscode·ssh
想要成为糕糕手6 小时前
🚀 在浏览器里跑 DeepSeek-R1?WebGPU 端侧推理实战(六)—— 完结篇:消息渲染与流式收尾
react.js·typescript·llm
一朵好运莲6 小时前
Turbo Console Log插件VSCode更改log快捷键教程
ide·vscode·编辑器
sunly_7 小时前
TypeScript:3、类型声明与类型推断
javascript·ubuntu·typescript
京东云开发者12 小时前
【全栈实践】第一个 AI Agent 项目:从零搭建 AI 音频创作助手(进阶篇)
typescript·fastapi·vuex
满栀58514 小时前
vue3动态路由详细效果
前端·javascript·vue.js·typescript·前端框架
mCell1 天前
DeepSeek Harness 速览:“一切皆插件”意味着什么
typescript·agent·deepseek
京东云开发者1 天前
【全栈实践】第一个 AI Agent 项目:从零搭建 AI 音频创作助手(入门篇)
typescript·agent·vuex
王林不想说话1 天前
React + Ant Design 后台项目:63 个业务组件的分层实践
react.js·typescript·ant design