安装 TypeScript

TypeScript 的命令行工具安装方法如下:

npm install -g typescript

安装完成之后,就有了 tsc 命令。编译一个 TypeScript 文件很简单:

tsc hello.ts

我们约定使用 TypeScript 编写的文件以 .ts 为后缀。

Hello TypeScript

我们从一个简单的例子开始。

将以下代码复制到 hello.ts 中:

function sayHello(person: string) { return 'Hello, ' + person; } let user = 'Xcat Liu'; console.log(sayHello(user)); 

然后执行

tsc hello.ts

这时候会生成一个编译好的文件 hello.js

function sayHello(person) {return 'Hello, ' + person; } var user = 'Xcat Liu'; console.log(sayHello(user));

运行:node hello.js即可看到结果!

前端使用的话:

<script type="text/typescript">
var hw:string="Hello World!"; //定义一个字符串变量
document.write(<h1>"+hw+"</h1>); //将结果显示在页面上,这句话是不是很熟悉呢。

如果想在页面上直接编译看到结果,还需要引用typescript.min.js与typescript.compile.min.js。如下代码:
<html>
<head>
<title>demo</title>
</head>
<body>
<script type="text/typescript">
// TypeScript代码
</script>
<script src="lib/typescript.min.js"></script>
<script src="lib/typescript.compile.min.js"></script>
</body>
</html>

 

转载于:https://www.cnblogs.com/bonelee/p/6841217.html

typescript 入门例子 Hello world——ts就是一个宿主机语言相关推荐

  1. 5.TypeScript入门之TS高级类型(class类)

    上一章节:4.TypeScript入门之TS常用类型(3) Ⅳ.TypeScript高级类型 概述 TS中的高级类型有很多,重点学习以下高级类型: class类 类型兼容性 交叉类型 泛型和 keyo ...

  2. 1.TypeScript入门之TS初体验(运行TS代码)

    Ⅰ.TypeScript介绍 1.1 TypeScript是什么 TypeScript(简称TS)是JavaScript的超集(JS有的TS都有). TypeScript = Type + JavaS ...

  3. 一个简单的iBatis入门例子

    一个简单的iBatis入门例子,用ORACLE和Java测试 目录结构: 1.导入iBatis和oracle驱动. ibatis-2.3.4.726.jar ojdbc14.jar 2.创建类com/ ...

  4. 【鲁棒优化笔记】以Coding入门鲁棒优化:以一个例子引入(二)-错误版

    [鲁棒优化笔记]以Coding入门鲁棒优化:以一个例子引入(二) 投资组合的例子 鲁棒优化模型的reformulation: 利用对偶进行reformulation 利用对偶进行reformulati ...

  5. 原创 TypeScript入门教程 之  迭代器

    原创 TypeScript入门教程 之 迭代器 Iterator Iterator本身不是TypeScript或ES6功能,Iterator是面向对象的编程语言所通用的行为设计模式.通常,它是一个实现 ...

  6. 超详细的TypeScript入门教程!

    在看这篇文章之前,我是强烈推荐TypeScript 入门教程这本书的.因为这本书它是:从 JavaScript 程序员的角度总结思考,循序渐进的理解TypeScript.文章来源也是该书,但听我一句话 ...

  7. 【Typescript入门手册】一篇文章速览常见类型

    ??[TypeScript入门手册]记录了出场率较高的Ts概念,旨在帮助大家了解并熟悉Ts ?? 本系列会持续更新并更正,重点关照大家感兴趣的点,欢迎同学留言交流,在进阶之路上,共勉! ?? star ...

  8. TypeScript入门指南(基础篇)

    写在前面 ts是拥有类型系统的js的超集,近年来非常火热.可以这么说,ts才是真正意义上的js.虽然ts的官方文档非常全面,但是对于原来没有接触过ts的同学来说,全篇通读下来需要耗掉不少时间,这篇文章 ...

  9. TypeScript入门基础

    文章目录 1 TypeScript介绍 1.1 什么是TypeScript? 1.2 为什么需要 TypeScript 1.3 JS与TS的相关知识 1.4 TypeScript特性 1.5 Type ...

最新文章

  1. matlab心电图诊断系统,ECG-diag MATLAB心电图自动诊断程序 联合开发网 - pudn.com
  2. bo a1 蓝牙音箱 中文说明
  3. 波束管理 Beam Management
  4. oracle 获得月最后一天,oracle获取本月第一天和最后一天及Oracle trunc()函数的用法...
  5. elk中kibana中如何显示写入elasticsearch的数据
  6. mysql 线程_MySQL服务器线程数的查看方法详解
  7. 架构师必须掌握的各种编码:ASCII、ISO-8859-1、GB2312
  8. 首款“致敬”iPhone 12的手机来了:竟是华为......
  9. SHELL中的引用之引用变量
  10. layui 复选框checked获取值和赋值
  11. android sd8217车载,【BVB-8217SD XYZ三轴振动记录仪三通道数字振动测试仪路昌LUTRON】价格_厂家 - 中国供应商...
  12. MATLAB实现偏最小,偏最小二乘法 matlab程序
  13. ICMP协议与ping
  14. 排列组合的写法_数字排列组合公式写法介绍
  15. 【计及DG和相关性的纯交流三点估计随机潮流计算方法】
  16. linux 网络速度非常慢,Linux认证:解决ubuntu8.10上网速度慢的问题
  17. [凸优化]1-凸集和凸函数
  18. 淮师计算机网络题库,淮阴师范学院(淮师)计算机基础一至六章习题
  19. 上传身份证照片js_web端上传图片,截取证件照
  20. 数字加字母文件 服务器,unraid服务器all in one 篇四:1秒钟完美解决jellyfin字幕乱码...

热门文章

  1. java多线程问题_【java 多线程】多线程并发同步问题及解决方法
  2. oracle 11g 大小,修改oracle 11GR2归档模式和归档目录及大小-Oracle
  3. 如何用我python抓取关键字新闻_用python机器学习实现新闻关键词的抽取
  4. 微型计算机总线不包括,微型计算机总线不包括( )。
  5. android动态设置冷启动图片拉伸变形,Android冷启动时间优化
  6. php的$_FILES如何生成以及如何与上传文件对象产生联系
  7. nginx负载均衡策略upstream
  8. 【深度学习】解析神经网络中的数值稳定性、模型初始化和分布偏移(Pytorch)
  9. 【深度学习】解析深度学习的集成方法
  10. python【力扣LeetCode算法题库】892-三维形体的表面积