方式一：ts 手动编译成 js

1. 全局安装

npm install -g typescript

2. 检测版本

tsc -v

3. ts 编译成 js

1. 新建 ts 文件夹，使用 vscode 打开，新建 index.ts，代码如下

(() => {
  const username: string = "小明";
  console.log(username);
})();

2. 打开控制台执行 tsc index.ts 自动生成 index.js，代码如下

(function () {
    var username = "小明";
    console.log(username);
})();

注意：测试代码要放入 ()() 立即执行函数里，否则执行 tsc index.ts 后 ts 文件变量飘红

方式二：ts 自动编译成 js

1. 生成 tsconfig.json 配置文件

新建 ts 文件夹，使用 vscode 打开，终端执行

tsc --init

2. 修改 tsconfig.json 配置文件

"outDir": "./js" /* 指定编译后的输出目录 */,
"strict": false /* 关闭严格模式 */,

3. 测试

1. 新建 js，ts 文件夹，在 ts 文件夹中新建 index.ts 代码如下

(() => {
  const username: string = "小明";
  console.log(username);
})();

2. 终端 --> 运行任务 --> 选择 tsc:监视-tsconfig.json
   这样在修改 ts 文件内容，保存时会自动编译