TypeScript学习之——安装(个人笔记)

本文介绍 TypeScript 环境的安装。

安装 typescript

npm install -g typescript

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码，以下是查看版本号：

tsc -v
// Version 4.9.3

将 TypeScript 转换为 JavaScript

新建一个 app.ts 的文件，代码如下：

var message:string = "Hello World" 
console.log(message)

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。
然后执行以下命令将 TypeScript 转换为 JavaScript 代码：

tsc app.ts

这时候在当前目录下（与 app.ts 同一目录）就会生成一个 app.js 文件，代码如下：

var message = "Hello World";
console.log(message);

运行tsc 文件名是编译某个文件，直接运行tsc是编译整个项目。

生成配置文件

运行tsc --init生成配置文件tsconfig.json。
只有运行tsc来编译整个项目的时候该配置文件才会生效，即用tsc编译某个文件时配置文件是不会生效的。

部分配置解释：

"target": "ES5",  /* 转化成ES5语法*/   
 /*如果要使用ES2015的以上的对象或方法 ，如Symbol,就要引入对应的标准库("DOM"标准库提供console方法)*/
"lib": ["ES2015", "DOM"],
"rootDir": "src",   // 源文件，我们写ts代码的文件目录
"sourceMap": true, // 是否生成map文件
"outDir": "dist",  // 输出js文件的目录
"strict": true, // 是否启用严格模式