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

相关推荐
cgblpx1 小时前
vscode的安装
ide·vscode·编辑器
雨雨雨雨雨别下啦4 小时前
【OpenHarmony北向开发】ArkTS基础教学
typescript·arkts·openharmonys
ZoeLandia6 小时前
TypeScript 01:类型注解与类型推断
前端·javascript·typescript
ZoeLandia6 小时前
TypeScript 02:interface、type 与类型收窄
前端·typescript
行者-全栈开发8 小时前
华为云码道 CodeArts 实测:让 AI 用纯 TypeScript 写一个确定性回放的塔防小游戏「熵减特勤局」
typescript·小游戏·canvas·ecs·ai 编程·华为云码道·codearts 代码智能体
golang学习记20 小时前
Zed 新特性:AI 还在跑,电脑可以不睡了
人工智能·vscode·电脑·zed
mbshqqb1 天前
TypeScript基础教程之同步生成器
前端·javascript·typescript
瑶山1 天前
Windows + WSL2 Ubuntu + VS Code配置C++开发环境
开发语言·c++·windows·vscode·wsl
golang学习记2 天前
VSCode多光标迎来重大更新
ide·vscode·编辑器
濮水大叔2 天前
Cabloy 双引擎架构详解:Vona 与 Zova 是如何协作的
typescript·node.js·全栈