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

相关推荐
曹申阳14 小时前
1. 使用VSCode开发uni-app环境搭建
ide·vscode·uni-app
每天更新16 小时前
VSCODE 使用GDB
ide·vscode·编辑器
傅科摆 _ py18 小时前
解决 Vscode 中运行键突然消失的问题
ide·vscode·编辑器
丨Sky丨夜吻19 小时前
vscode扩展
ide·vue.js·vscode
阑梦清川20 小时前
vscode远程连接云服务器的初次尝试
vscode
ttod_qzstudio1 天前
解决 Vue 3 + TypeScript 中 v-for 循环类型推断问题
前端·vue.js·typescript
九河_1 天前
服务器在线安装插件失败/离线安装VSIX
vscode·extension·pylance
今天头发还在吗2 天前
【React】动态SVG连接线实现:图片与按钮的可视化映射
前端·javascript·react.js·typescript·前端框架
冷冷的菜哥2 天前
react多文件分片上传——支持拖拽与进度展示
前端·react.js·typescript·多文件上传·分片上传
小池先生2 天前
用vscode查日志方便的搜索-复制所有匹配行功能
ide·vscode·编辑器