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

相关推荐
spmcor1 小时前
TypeScript 中 null 与 undefined 的区别 —— 一篇彻底搞懂的指南
typescript
xinhuanjieyi2 小时前
vscode插件,.sec / .inc / .sc 文件添加关键字高亮
java·服务器·vscode
DeRoy3 小时前
windows VScode 配置 OpenCode
ide·vscode·编辑器
烛衔溟3 小时前
TypeScript 接口实战 —— 处理复杂嵌套对象
linux·ubuntu·typescript
月白风清江有声3 小时前
在vscode运行C/C++
ide·vscode·编辑器
Gc9umsbL13 小时前
如何设置VSCode打开文件Tab页签换行
ide·vscode·编辑器
没想好取什么名3 小时前
解决vscode打开qt creator项目头文件报错的现象
ide·vscode·qt
凉茶钱12 小时前
【c语言】动态内存管理:malloc,calloc,realloc,柔性数组
c语言·c++·vscode·柔性数组
hele_two16 小时前
VS Code + CMake 调用 SDL2 & SDL2_image 完整编译教程(Windows 平台)
c++·windows·vscode·图形渲染
bigcarp1 天前
IDE中AI辅助编程时禁止AI读取指定的文件或文件夹
vscode