typescript学习(安装使用篇)

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容