vscode 自动编译typescript
2018-11-13 本文已影响0人
zy懒人漫游
1.安装typescript
npm install -g typescript
2.创建tsconfig.json文件
tsc --init
3.配置tsconfig.json
4.创建文件目录和html

5.html引入hello.ts

6.编写ts
class Person {
firstName: string;
lastName: string;
constructor(fiestName: string, lastName: string) {
this.firstName = fiestName;
this.lastName = lastName;
}
sayHello() {
return `Hello,您好${this.firstName}${this.lastName}`;
}
}
var user = new Person('周', '逸');
var ele = document.body || document.documentElement;
ele.innerHTML = user.sayHello();
7.点击 任务

8.监视

9.查看js代码
