安装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
网友评论