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

相关推荐
[seven]4 小时前
React Router TypeScript 路由详解:嵌套路由与导航钩子进阶指南
前端·react.js·typescript
Linux编程用C6 小时前
Docker+Vscode搭建(本地/远程)开发环境
vscode·后端·docker
_Kayo_7 小时前
TypeScript 学习笔记2
前端·javascript·typescript
爱装代码的小瓶子13 小时前
【c++进阶】在c++11之前的编译器的努力
开发语言·c++·vscode·visualstudio·编辑器·vim
[seven]13 小时前
React Router TypeScript 路由详解:类型安全的路由配置与参数处理
安全·react.js·typescript
李子烨15 小时前
吃饱了撑的突发奇想:TypeScript 类型能不能作为跑业务逻辑的依据?(纯娱乐)
前端·typescript
lanhuazui1016 小时前
VScode左边和右边辅助边框的修改
vscode
杨景辉16 小时前
Vscode 使用
vscode
程序员大辉17 小时前
Rust使用IDE,除了vscode还有RustRover非商业用户可以免费使用
ide·vscode·rust
坐公交也用券17 小时前
适用于vue3+pnpm项目自动化类型检查及构建的Python脚本
开发语言·javascript·python·typescript·自动化