TypeScript环境配置

要使用 TypeScript , 首先要安装 TypeScript，打开终端，执行 npm i -g typescript 即可。

安装成功后，执行 tsc -v 查看版本信息

创建、编写TypeScript文件后，执行 tsc 文件名.ts 即可编译。

// demo.ts
// 学生
class Student {
  // 全名
  public fullName: string;

  /**
   * @Description 构造函数
   * @param firstName 教名
   * @param middleInitial 中间名
   * @param lastName 姓氏
   */
  constructor(public firstName: string, public middleInitial: string, public lastName: string) {
    this.fullName = `${firstName} ${middleInitial} ${lastName}`;
  }
}

// 接口：用于定义参数、类型
interface Person {
  firstName: string;
  lastName: string;
}

function greeter(person: Person) {
  return `Hello, ${person.firstName} ${person.lastName}`;
}

let user = new Student("Jane", "M.", "User");
console.log(greeter(user));

注：

• npm init -y 自动生成 package.json 文件
• tsc --init 自动生成 tsconfig.json 文件

VSCode 自动编译配置

• 运行 ts --init，创建 tsconfig.json 配置文件
• 修改 tsconfig.json 配置文件，设置 js 文件夹： “outDir”: “./js/”
• 执行 终端 - 运行任务 - tsc: 监视 - tsconfig.json
• 以上配置后，在修改 ts 文件后，会自动执行编译。