TypeScript快速入门
2018-03-08 本文已影响116人
PaulLuv
安装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文件，并输入以下内容：
<html>
<head><title>TypeScript Greeter</title></head>
<body>
<script src="hello.js"></script>
</body>
</html>
在浏览器里打开hello.html运行这个应用,即可看到结果！
hello_typescript.jpg
