TypeScript快速入门

安装TypeScript

npm install typescript -g

安装IDE

Sublime Text 3

然后在Sublime Text 3上安装TypeScript package

Sublime Text  -> Preferences -> Package Control -> Install Package

搜索TypeScript,安装然后重启。

构建第一个TypeScript文件

创建hello.ts文件,输入以下代码

interface Person{
    firstName: String;
    lastName: String;
}

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

let user = {firstName: "Paul", lastName: "Luv"};

document.body.innerHTML = greeter(user);

在终端命令行,运行TypeScript编辑器:

tsc hello.ts

输出结果为一个hello.js文件,它包含了和输入文件中相同的JavsScript代码。 一切准备就绪,我们可以运行这个使用TypeScript写的JavaScript应用了!

运行TypeScript Web应用

新建hello.html文件,并输入以下内容:


    TypeScript Greeter
    
        
    

在浏览器里打开hello.html运行这个应用,即可看到结果!

hello_typescript.jpg

你可能感兴趣的:(TypeScript快速入门)