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

相关推荐
爱学习的程序媛3 小时前
【Web前端】Pinia状态管理详解
前端·vue.js·typescript
π同学3 小时前
ESP-IDF+vscode开发ESP32第二讲——console
vscode·esp32·console
计算机安禾4 小时前
【C语言程序设计】第35篇:文件的打开、关闭与读写操作
c语言·开发语言·c++·vscode·算法·visual studio code·visual studio
Wect4 小时前
React Hooks 核心原理
前端·算法·typescript
Austin_YB9 小时前
VScode中配置Python环境
ide·vscode·python
SuniaWang9 小时前
《Spring AI + 大模型全栈实战》学习手册系列· 专题二:《Milvus 向量数据库:从零开始搭建 RAG 系统的核心组件》
java·人工智能·分布式·后端·spring·架构·typescript
console.log('npc')9 小时前
partial在react接口定义中是什么意思
前端·javascript·typescript
今天也是爱大大的一天吖9 小时前
vscode迁移插件至cursor的三个法子
ide·vscode·编辑器·cursor
码路飞11 小时前
Electron 太胖了?试试 Electrobun,12MB 打包一个 AI 桌面助手
typescript·electron
小鲤鱼ya12 小时前
vue3 + ts + uni-app 移动端封装图片上传添加水印
前端·typescript·uni-app·vue3