typescript 学习教程 (1)
typescript 学习教程 (1)
省委书记沙瑞金 发表于1年前
typescript 学习教程 (1)
  • 发表于 1年前
  • 阅读 90
  • 收藏 0
  • 点赞 0
  • 评论 0
新睿云服务器60天免费使用,快来体验!>>>   
摘要: 今天看新闻,说typescript 2 正式版亚虎国际pt客户端了。觉得以后应该会有发展,所以决定学习一下。
古人云,工欲善其事,必先利其器。所以在学习,typescript 先要学习搭建环境,据官方介绍,主要有两种工具,一种是使用npm ,另外一种是通过visual studio 插件。其实还有别的工具,比如说使用webstrom 。我先学一下使用npm进行typescript的编译。首先是要安装typescript,前提是得安装nodejs。这个可以百度。然后打开nodejs终端。输入如下代码进行安装typescript。 npm install -g typescript 接着我们建立一个ts文件,我们命名为demo.ts。 function greeter(person) { return "Hello, " + person; } var user = "Jane User"; 然后呢打开终端,在终端中输入如下代码。 tsc demo.ts 这个时候我们能够到会生成另外的一个文件,就是demo.js,我们打开demo.js,里面的内容如下所示。 function greeter(person) { return "Hello, " + person; } var user = "Jane User"; 接着,我们继续按照官网上面的例子,敲进去之后输使用同样的方法进行编译。 interface Person { firstName: string; lastName: string; } function greeter(person: Person) { return "Hello, " + person.firstName + " " + person.lastName; } var user = { firstName: "Jane", lastName: "User" }; document.body.innerHTML = greeter(user); 我们继续看demo.js,看起编译的结果。如下所示 function greeter(person) { return "Hello, " + person.firstName + " " + person.lastName; } var user = { firstName: "Jane", lastName: "User" }; document.body.innerHTML = greeter(user); 这个算是基本的使用方法。 接着我们使用webstrom,对于webstrom来说,这个是相对简单的。我们使用webstrom打开我们的项目文件夹,新建一个ts文件,比如说demo.ts然后,接着webstrom 会自动帮我们进行编译,编译的结果和上面的内容是一样的。好了,目前,我们的环境已经搭建好了。接下来,我们来开始进行typescript的学习。
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 23
博文 43
码字总数 47581
×
省委书记沙瑞金
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: