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

相关推荐
爱泡脚的鸡腿15 小时前
ts学习D1---超基础语法导入
typescript
q***38511 天前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
lichong9511 天前
鸿蒙 web组件开发
前端·typescript
Tonychen1 天前
TypeScript 里 infer 常见用法
前端·typescript
烛阴2 天前
Luban集成CocosCreator完整教程
前端·typescript·cocos creator
(づど)2 天前
解决VSCode中安装Go环境Gopls失败的问题
vscode·golang
2013编程爱好者2 天前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
QQRRRRW2 天前
Tailwind+VScode (Vite + React + TypeScript) 原理与实践
vscode·react.js·typescript
_OP_CHEN2 天前
前端开发实战深度解析:(一)认识前端和 HTML 与开发环境的搭建
前端·vscode·html·web开发·前端开发
我叫张小白。2 天前
JavaScript现代语法梳理:ES6+核心特性详解
开发语言·javascript·typescript·es6