文档章节

typescript 学习教程 (1)

省委书记沙瑞金
 省委书记沙瑞金
发布于 2016/09/23 23:32
字数 460
阅读 101
收藏 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的学习。

© 著作权归作者所有

共有 人打赏支持
省委书记沙瑞金
粉丝 23
博文 44
码字总数 47581
作品 0
海淀
前端工程师
TypeScript系列1-简介及版本新特性

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

一配
2015/08/15
0
0
TypeScript 语言学习

开发环境推荐 Visual Studio Code https://code.visualstudio.com 免费, 跨平台, 支持 Windows, OS X 以及 Linux. Visual Studio https://www.visualstudio.com Visual Studio 2015 RC 已整合......

小骏骏
2015/08/06
0
0
TypeScript系列 - 什么是TypeScript

看了很多关于TypeScript的文章,总体说来没有很好的,一个系统的学习TypeScript的资源。 接下来,我将给大家带来TypeScript的系列,让你和我一样,一步一步的学习TypeScript,并且学以致用。...

Hongten
08/02
0
0
TypeScript VS JavaScript 深度对比

TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言,我们已经熟知 TypeScript 是 JavaScript 的一个超集,但是 TypeScript 与 JavaScript 之间又有什么样的区别呢?在选择开...

powertoolsteam
06/29
0
0
前端周刊第59期:选 Flow 还是 TypeScript?

共 2015 字,读完需 4 分钟。周末是时隔两月的家人团聚,而每次内容的准备平均需要我集中精力工作 3 小时,所以第 59 期的内容今早才准备好,对不住大家了。本期的引子是“选 Flow 还是 Type...

王仕军
09/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

[Hive]JsonSerde使用指南

注意: 重要的是每行必须是一个完整的JSON,一个JSON不能跨越多行,也就是说,serde不会对多行的Json有效。 因为这是由Hadoop处理文件的工作方式决定,文件必须是可拆分的,例如,Hadoop将在...

Mr_yul
9分钟前
0
0
54:mysql修改密码|连接mysql|mysql常用命令

1、mysql修改密码: root用户时mysql的超级管理员,默认mysql的密码是空的,直接可以连接上去的,不过这样不安全; 注释:为了方便的使用mysql,需要把mysql加入到环境变量里; #后续自己输入mys...

芬野de博客
16分钟前
0
0
鼠标单击复制粘贴标签中的内容

<span ref="spanContentOne" id="spanContentOne" style="font-size: 14px;">或许不是最亮眼,总比瞎买强一点</span><!--<input type="button" @click="copyClick('1')" value="复制" />-......

帝子兮
21分钟前
0
0
使用axel多线程疯狂下载

在Linux中比较常见见的下载工具是curl和wget,但是下载比较大的文件两者都不支持多线程, 断点续传的作用不见得能发挥到最大。今天介绍一个axel工具,开启多线程疯狂下载。 安装 Fedora/Cen...

linuxprobe16
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部