美文网首页我爱编程
typescript学习(安装使用篇)

typescript学习(安装使用篇)

作者: mills_han | 来源:发表于2018-02-27 13:33 被阅读0次

    学习下typescript的安装及简单使用

    typescript是javascript超集,扩展了JavaScript的语法。因为js是动态语言,因为tyscript的出现让js有了使用强类型语言的静态
    数据的可能;TypeScript 是通过类型注解提供编译时的静态类型检查。

    安装

    1.如果你的电脑上安装的有node的npm包管理工具,那再好不过了
    //直接打开命令行工具全局安装。注意:如果在你的项目中直接npm install --save dev 这样是不会运行的,需要安装在全局环境下才行!
      npm install -g typescript
    
    2.然后呢?没有然后了,就可以使用了。可以开始我们的hello,world啦
    //在你的本地新建一个文件目录
    mkdir tsProject  //新建目录
    cd tsProject      //进入工程目录
    

    新建一个test.ts文件(typescript文件的后缀是.ts结尾的,然后通过编译打包转换为js文件的),在ts文件中输入一下代码

    function sayHello(name: string, age: number, country: string) {
        return '我叫' + name + '我今年' + age + '岁' + '我来自' + country;
    }
    
    document.body.innerHTML = sayHello('小明',18,'中国');
    

    然后运行命令行编译

    tsc test.ts
    

    查看同级目录,会多一个test.js文件,这就是编译后的js文件啦;
    怎么看到效果呢?我们需要一个HTML文件挂载上去,新建test.html,然后引入test.js文件,打开就可以看到啦

    相关文章

      网友评论

        本文标题:typescript学习(安装使用篇)

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