在VScode上使用TypeScript

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

安装TypeScript依赖

npm install typescript --save-dev

查看版本

tsc -v

在自己的目录下下创建文件夹，我是通过cmd创建的，操作如下

cd study\typescript
tsc --init

　在上面执行了tsc --init之后，会在你自己生成的目录下产生一个tsconsig.json的文件

文件中有很多的配置项，后面带有英文解释，就自己看吧，我没有进行改动，就使用了默认的配置

自己测试的过程：

新建ts文件

class Person {
    hobby: string;
    constructor(hobby: string) {
        this.hobby = hobby;
    }
    echo() {
        return '我就喜欢：' + this.hobby;
    }
}
let person = new Person('看书，习武，书法，旅游');
let hobby = person.echo();
console.log(hobby);

注：我的vscode是汉化版的

打开终端------运行任务-------构建（构建是一次性的，监视是实时的）

在运行构建之后，你的文件夹里就会出现编译好的.js后缀的文件