TypeScript学习笔记(一):ts的安装编译
最近在学TypeScript(以下简称ts),因为学习久了之后容易忘记,所以总结出一系列的学习笔记,在巩固自己学习的同时,也希望可以帮助到大家。
第一篇文章先记录如何安装ts环境和编译第一个ts文件。
先写一个操作步骤:
- 安装环境:npm i typescript -g
- 查看版本:tsc -v
- 建好ts文件之后生成json配置文件:tsc --init
- 配置文件里js的输出路径
- 运行(监视)任务
- 测试安装效果
下面开始记录步骤:
安装环境
- 安装ts环境
命令:npm i typescript -g
成功效果如图:
- 查看安装版本:
命令:tsc -v
效果如图:
- 新建一个ts文件
修改配置文件
- 生成json配置文件
命令:tsc --init
效果如图:
- 修改json文件的配置
修改js生成的文件目录
编译
- 点击终端--运行任务--typescript--监视
测试
在ts文件中输入一条符合ts语法的语句和一条不符合ts语法的语句。效果如图
虽然在ts文件中报错的语句,也可以在页面看到结果。因为ts最终是编译成了js文件
最后可以在对应的js文件里看到编译后的ts文件