编写ts程序(web篇)

typescript(简称ts)作为最有前景的编程语言,编写最简练,最佳的使用方式必不可少,现在开始第一步操作。

所需软件:vscode

vscode打开项目文件夹

创建tsconfig.json

{
  "files": [
    // 指定入口文件
    "src/main.ts"
  ],
  "compilerOptions": {
    // 指定输出目录
    "outDir": "./dist"
  }
}

创建src/A.ts,写入以下代码:

export class A{
    constructor(){
        console.log('实例化 A');
    }
}

创建src/main.ts,写入以下代码:

import {A} from "./A"

const a = new A();

点击vscode菜单:终端-运行任务

选择:tsc: 监视 – tsconfig.json

等待编译完成即会生成dist/main.js代码。

至此,web项目使用ts开发模式已介绍完成。