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

成功效果如图：

• 查看安装版本：

命令：tsc -v

效果如图：

• 新建一个ts文件 

 

修改配置文件

• 生成json配置文件

命令：tsc --init

效果如图：

• 修改json文件的配置 

修改js生成的文件目录

 编译

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

 

 

 

 

测试

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

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

 

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