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

相关推荐
(づど)2 小时前
解决VSCode中安装Go环境Gopls失败的问题
vscode·golang
2013编程爱好者8 小时前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
QQRRRRW14 小时前
Tailwind+VScode (Vite + React + TypeScript) 原理与实践
vscode·react.js·typescript
_OP_CHEN14 小时前
前端开发实战深度解析:(一)认识前端和 HTML 与开发环境的搭建
前端·vscode·html·web开发·前端开发
我叫张小白。17 小时前
JavaScript现代语法梳理:ES6+核心特性详解
开发语言·javascript·typescript·es6
我叫张小白。18 小时前
TypeScript泛型进阶:掌握类型系统的强大工具
前端·javascript·typescript
爱学习的程序媛19 小时前
【Web前端】Angular核心知识点梳理
前端·javascript·typescript·angular.js
charlie11451419121 小时前
利用WSL + VSCode + ESP-IDF6开发ESP32系列单片机指南
ide·vscode·单片机·esp32·wsl·指南·工程
0欧姆1 天前
VScode 创建 QNX 模板工程
ide·vscode·编辑器
驳是2 天前
TS 项目升级 React 18 到 19 的一些事情
前端·react.js·typescript