TypeScript学习笔记(一):ts的安装编译

 

最近在学TypeScript(以下简称ts),因为学习久了之后容易忘记,所以总结出一系列的学习笔记,在巩固自己学习的同时,也希望可以帮助到大家。

第一篇文章先记录如何安装ts环境和编译第一个ts文件。

先写一个操作步骤:

  1. 安装环境:npm i typescript -g
  2. 查看版本:tsc -v
  3. 建好ts文件之后生成json配置文件:tsc –init
  4. 配置文件里js的输出路径
  5. 运行(监视)任务
  6. 测试安装效果

下面开始记录步骤: 

安装环境

  • 安装ts环境 

命令:npm i typescript -g

成功效果如图:

TypeScript学习笔记(一):ts的安装编译

  • 查看安装版本:

命令:tsc -v

效果如图:

TypeScript学习笔记(一):ts的安装编译

  • 新建一个ts文件 

TypeScript学习笔记(一):ts的安装编译 

修改配置文件

  • 生成json配置文件

命令:tsc –init

效果如图:

TypeScript学习笔记(一):ts的安装编译

  • 修改json文件的配置 

修改js生成的文件目录

TypeScript学习笔记(一):ts的安装编译

 编译

  • 点击终端–运行任务–typescript–监视

TypeScript学习笔记(一):ts的安装编译

TypeScript学习笔记(一):ts的安装编译TypeScript学习笔记(一):ts的安装编译

 

 

 

 

TypeScript学习笔记(一):ts的安装编译

测试

在ts文件中输入一条符合ts语法的语句和一条不符合ts语法的语句。效果如图

TypeScript学习笔记(一):ts的安装编译

 虽然在ts文件中报错的语句,也可以在页面看到结果。因为ts最终是编译成了js文件 

TypeScript学习笔记(一):ts的安装编译 

最后可以在对应的js文件里看到编译后的ts文件

TypeScript学习笔记(一):ts的安装编译

 

 

 

 

区块链毕设网(www.qklbishe.com)全网最靠谱的原创区块链毕设代做网站
部分资料来自网络,侵权联系删除!
资源收费仅为搬运整理打赏费用,用户自愿支付 !
qklbishe.com区块链毕设代做网专注|以太坊fabric-计算机|java|毕业设计|代做平台 » TypeScript学习笔记(一):ts的安装编译

提供最优质的资源集合

立即查看 了解详情