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