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

相关推荐
ttod_qzstudio6 小时前
深入理解 TypeScript 数组的 find 与 filter 方法:精准查找的艺术
javascript·typescript·filter·find
锦瑟弦音12 小时前
Luban + Cocos3.8.7 + Typescript + Json
笔记·游戏·typescript
嵌入式学习菌15 小时前
vscode配置ESP32-idf存在的问题
ide·vscode·编辑器
水木姚姚15 小时前
搭建 TensorFlow 在 VScode 下编程环境(Debian)
人工智能·windows·vscode·debian·tensorflow
猫猫的小茶馆16 小时前
【ARM】VSCode和IAR工程创建
c语言·开发语言·arm开发·ide·vscode·stm32·嵌入式硬件
zgj_online16 小时前
vscode的zsh终端,conda切换node环境不成功的解决方案
ide·vscode·conda
问问计算机16 小时前
vscode analyzing... and its dependencies 耗时过长问题
vscode·编辑器
zephyr_zeng16 小时前
CubeMX项目轻松导入Vscode+EIDE编译
c语言·ide·vscode·stm32·mcu·物联网·编辑器
Swizard17 小时前
告别臃肿:为什么 Drizzle ORM 是 TypeScript 后端的未来?
typescript
ziyue757517 小时前
vscode和idea配置shfmt格式化shell脚本
ide·vscode·编辑器