TypeScript学习(一)：开发环境搭建

官方文档搭建参考
https://learn.microsoft.com/zh-cn/training/modules/typescript-get-started/

1.下载node.js
https://nodejs.org/en/download

2.下载vscode  
https://code.visualstudio.com/

3.在线ts的测试工具
https://www.typescriptlang.org/play/

4.下载typescript
C:\Users\figo>npm install -g typescript

added 1 package in 9s
tsc作用是将ts转换成js，查看版本号
C:\Users\figo>tsc
Version 5.4.5
tsc: The TypeScript Compiler - Version 5.4.5

5.tsc : 无法加载文件 E:\Huawei\nodejs\tsc.ps1，因为在此系统上禁止运行脚本。
  使用Win+X快捷键以管理员身份打开Powershell，
执行：set-ExecutionPolicy RemoteSigned,
再此在Vscode命令行使用get-ExecutionPolicy 命令，结果：RemoteSigned此时表示允许状态。

6.vscode编译单个ts或者所有的
新建一个ts文件test.ts,输入
console.log(“hello,world!”);
在终端命令提示符下，输入 tsc test.ts
直接输入tsc将编译所有ts文件
PS E:\VSCodeProjects\TSProjectTest> tsc

7.执行编译后的js
PS E:\VSCodeProjects\TSProjectTest> node ./build/test.js

8.安装code runner插件，如果禁用，改成启用，即可右键run code运行ts文件了

9.生成tsconfig.json用来设置编译器选项

生成 tsconfig.json 文件
在编译 TypeScript 源代码时，TypeScript 编译器会应用默认行为。 但你可以通过将 tsconfig.json 文件添加到 TypeScript 项目文件夹的根目录来修改 TypeScript 编译器选项。 此文件定义了 TypeScript 项目设置，例如编译器选项和应包括的文件。

你可以使用 TypeScript 编译器的 init 选项，生成具有默认选项的 tsconfig.json 文件。

在 Visual Studio Code 中，选择“终端”>“新建终端”，打开新的终端窗口。

在命令提示符处，输入 tsc --init。

注意，新的 tsconfig.json 文件已添加到“资源管理器”窗格中。 可能需要刷新“资源管理器”窗格以查看文件。

在代码编辑器中打开 tsconfig.json 文件。 你将看到它具有许多选项，其中大部分都被注释掉了。查看每个启用的选项的说明。

在 tsconfig.json 文件中，查找目标选项，并将其更改为 "ES2015"。

更新 tsconfig.json 文件，以便编译器将所有 JavaScript 文件保存到新文件夹中。

a. 在“资源管理器”窗格中，在项目中创建一个名为“build”的新文件夹。
b. 在 tsconfig.json 文件中，查找 outDir 选项，删除注释，并将参数设置为“build”。

保存 tsconfig.json 文件。

在命令提示符处，输入 tsc。 此命令会读取 tsconfig.json 文件并重置项目的选项。

10.设置自动编译ts
Terminal-->Run Task-->TypeScript-->tsc:watch-tsconfig.json

11.无法将“ts-node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
查看ts-node是否存在
C:\Users\figo>npm list ts-node -g
E:\Huawei\nodejs
`-- (empty)
为空，npm i -g ts-node安装一下即可
C:\Users\figo>npm i -g ts-node
added 20 packages in 8s
C:\Users\figo>npm list ts-node -g
E:\Huawei\nodejs
`-- ts-node@10.9.2

12.运行在终端设置

File->Preferences->Settings->Workspace->Run code configuration