美文网首页我爱编程
TypeScript快速入门

TypeScript快速入门

作者: PaulLuv | 来源:发表于2018-03-08 17:11 被阅读116次

    安装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

    相关文章

      网友评论

        本文标题:TypeScript快速入门

        本文链接:https://www.haomeiwen.com/subject/gruyfftx.html