博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
typescript 学习教程 (1)
阅读量:6219 次
发布时间:2019-06-21

本文共 1234 字,大约阅读时间需要 4 分钟。

hot3.png

古人云,工欲善其事,必先利其器。所以在学习,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的学习。

转载于:https://my.oschina.net/shuinian/blog/751005

你可能感兴趣的文章
Kafka 分布式消息系统
查看>>
spring源码-开篇
查看>>
Python中的魔法方法
查看>>
MIT识物机器人:“秒懂”物体,过目不忘,不用标记数据!
查看>>
【Web API系列教程】3.10 — 实战:处理数据(发布App到Azure App Service)
查看>>
脑残式网络编程入门(一):跟着动画来学TCP三次握手和四次挥手
查看>>
【Web Audio API】 — 那些年的 web audio
查看>>
深入理解CAS算法原理
查看>>
构建多页的前后分离web项目(alpaca-spa的视图用法)
查看>>
Ubuntu笔记--文件关联软件
查看>>
2017 年终总结 —— 在路上
查看>>
[20180627]truncate table的另类恢复.txt
查看>>
Android DataBinding数据绑定技术在传统ListView中的使用简例
查看>>
Android - 使用Volley请求网络数据
查看>>
情出所愿 事过无悔
查看>>
java实现office文件预览
查看>>
C# TextBox 焦点
查看>>
TCP协议解析
查看>>
Spark on Yarn 架构解析
查看>>
SqlServer建立存储过程,方便.NET插入自增字段
查看>>