我爱编程

typescript学习(安装使用篇)

2018-02-27  本文已影响0人  mills_han

学习下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文件,打开就可以看到啦

上一篇下一篇

猜你喜欢

热点阅读