当前位置: 首页 > article >正文

使用 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控制台查看打印的结果:
在这里插入图片描述


http://www.kler.cn/a/106217.html

相关文章:

  • STM32单片机设计防儿童人员误锁/滞留车内警报系统
  • uniapp隐藏自带的tabBar
  • 李秀贤主演警匪片《蓝色霹雳火》
  • 云原生之运维监控实践-使用Telegraf、Prometheus与Grafana实现对InfluxDB服务的监测
  • 项目配置文件选择(Json,xml,Yaml, INI)
  • AndroidStudio-Activity的生命周期
  • 内存-虚拟地址到物理内存地址转换
  • 【数据结构初阶】顺序表和链表(1)
  • fl studio2023最新版本如何设置中文?
  • 多线程线程池
  • Git总结
  • 使用 jdbc 技术升级水果库存系统(后端最终版本,不包含前端)
  • ubuntu server 安装失败
  • ​iOS安全加固方法及实现
  • kubernates 集群实战-安装K3s集群
  • pdf误删恢复如何恢复?分享4种恢复方法!
  • 【vue3 】 创建项目vscode 提示无法找到模块
  • vue实现连接线
  • 23种设计模式【创建型模式】详细介绍之【建造者模式】
  • 软考系统架构师知识点集锦四:信息安全技术基础知识
  • OpenCV学习(三)——响应鼠标事件(获取点击点坐标和颜色,利用鼠标进行绘图)
  • 【CSDN Daily Practice】【二分】X的平方根
  • docker基础镜像定制
  • 在 Visual Studio Code (VS Code) 中设置
  • 如何进行微服务测试?一文4个知识点带入门微服务测试!
  • redis 配置主从复制,哨兵模式案例