文档章节

typescript 学习教程 (1)

省委书记沙瑞金
 省委书记沙瑞金
发布于 2016/09/23 23:32
字数 460
阅读 109
收藏 0

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

© 著作权归作者所有

省委书记沙瑞金
粉丝 22
博文 48
码字总数 54918
作品 0
海淀
前端工程师
私信 提问
TypeScript学习笔记之一初见TypeScript

一、什么是TypeScript? TypeScript是一种编译性语言、强类型语言、真正的面向对象 它是JavaScript的一个超集,所以看这个教程的时候最好您具有JavaScript的基础知识 TypeScript开源代码 二、...

摸着石头过河_崖边树
2018/12/05
0
0
TypeScript 简明教程:安装 TypeScript

本文为系列文章《TypeScript 简明教程》中的一篇。 认识 TypeScript 安装 TypeScript 前言 通过前一篇文章,相信大家对 TypeScript 有了基本的了解,对 TypeScript 的价值也有了一定的认识。...

Hopsken
03/01
0
0
TypeScript系列1-简介及版本新特性

简介 随着PC端快速向移动端迁移,移动(体验)优先的概念也越来越响。由于ReactJS目前移动端仅仅支持iOS,因此移动端Web开发框架只能选择: AngularJS/Angula2 + Ionic框架 + Cordova。想要学...

一配
2015/08/15
1K
0
【译】30 分钟入门 Typescript

原文地址:learn-typescript-in-30-minutes 原文作者:Danny Markov 译者:Jerry 译文首发地址:jerryjiao.life/ 今天我们来学习Typescript,一门被设计用来开发大型和复杂apps的语言。相较于...

努力的Jerry
01/25
0
0
为vue3学点typescript(1), 体验typescript

看了vue conf 2019的视频, 特别兴奋, vue3要来了! vue3是用typescript开发的, 我揣测在vue的带领下typescript会成为主流呢, 要不先学点. 19年最酷的前端技术 我是19年初开始使用的typescrip...

铁皮饭盒
07/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

分布式协调服务zookeeper

ps.本文为《从Paxos到Zookeeper 分布式一致性原理与实践》笔记之一 ZooKeeper ZooKeeper曾是Apache Hadoop的一个子项目,是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它...

ls_cherish
今天
4
0
redis 学习2

网站 启动 服务端 启动redis 服务端 在redis 安装目录下 src 里面 ./redis-server & 可以指定 配置文件或者端口 客户端 在 redis 的安装目录里面的 src 里面 ./redis-cli 可以指定 指定 连接...

之渊
昨天
2
0
Spring boot 静态资源访问

0. 两个配置 spring.mvc.static-path-patternspring.resources.static-locations 1. application中需要先行的两个配置项 1.1 spring.mvc.static-path-pattern 这个配置项是告诉springboo......

moon888
昨天
4
0
hash slot(虚拟桶)

在分布式集群中,如何保证相同请求落到相同的机器上,并且后面的集群机器可以尽可能的均分请求,并且当扩容或down机的情况下能对原有集群影响最小。 round robin算法:是把数据mod后直接映射...

李朝强
昨天
4
0
Kafka 原理和实战

本文首发于 vivo互联网技术 微信公众号 https://mp.weixin.qq.com/s/bV8AhqAjQp4a_iXRfobkCQ 作者简介:郑志彬,毕业于华南理工大学计算机科学与技术(双语班)。先后从事过电子商务、开放平...

vivo互联网技术
昨天
24
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部