ts入门之安装篇与VScode自动运行 ts转化为js代码

ts入门之安装篇与VScode自动运行 ts转化为js代码

ts的环境安装与运行

  • 下载:npm i -g typescript
  • 校验是否安装好在这里插入图片描述
  • 作用:
    • tsc的作用:负责将ts 代码 转化为 浏览器 核nodejs 识别的js代码!

手动运行 ts文件 (不推荐)

  • 新建一个 01ts.ts文件
  • 新建一个01.html文件
  • 第一步:01ts.ts
    • 定义ts文件
let strName:string = "我是ts定义的";
console.log("strName",strName);
  • 第二步:在终端之中,运行tsc ./01ts.ts 把ts代码转化为 js代码
    在这里插入图片描述
  • 第二步结果:01ts.js
var strName = "我是ts定义的";
console.log("strName", strName);
  • 第三步:把 哦ts.ts 编译为 01ts.js 文件引入 01.html之中,运行效果
    在这里插入图片描述

自动运行 ts 文件 转化为js代码 (配置的形式 推荐)

在这里插入图片描述### 运行指令 02

  • npm i @types/node -D npm i ts-node -g
  • ts-node -v 查看版本号
  • 可以在终端查看 输出的效果
  • 在这里插入图片描述
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值