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

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

ts的环境安装与运行

  • 下载:npm instanll -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代码 (配置的形式 推荐)

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_47409897/article/details/124716618