搭建ts运行环境

5/29/2024 ts

# 1.搭建ts运行环境

1.使用官网 自带的运行环境 可以练习ts代码

https://www.tslang.cn/play/index.html
1

2.自己搭建 本地的 ts运行环境 -练习ts代码

# 2.搭建TypeScript 本地环境 [熟悉]

  • 全局安装typeScript ---让项目可以写 xxx.ts 文件
npm i -g typescript
1
  • 安装ts-node ----可以将 xxx.ts---->编译为---> xxx.js
npm i -g ts-node
1
  • 初始化一个项目
tsc --init
1
  • 运行ts文件的编译命令[可以通过package.json 配置编译命令]
tsc index.ts
1

运行方式

1.直接在html文件中 引入 编译完成的 index.js 文件 浏览器打开看效果

2.安装vscode 插件 code runner 重启项目 ---直接在 ts中----鼠标右键---‘run code ’