Typescript的三种运行方式(小结)


Posted in Javascript onSeptember 18, 2019

一、在线complier

这种方式最简单,不需在本地做任何配置安装,只需进入Typescript的官网 ,点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。

二、本地命令行编译

1、在本地编译运行Typescript需要使用npm下载typescript

npm install -g typescript

至于npm,就是node的包管理工具,下载node后就自动带了。

2、下载完成后可以使用 tsc -v 查看版本

3、使用:如在本地创建Hello.ts

export class Hello { 
}

在命令行中 tsc Hello.ts

运行后就会发现在同一文件夹下生成了Hello.js

三、使用IDE

这里以webstrom为例。

注意:使用IDE的前提是已经在全局安装了typescript(方法二),只是每次不需要用命令手动编译而是IDE自动帮我们生成js文件。

1、在webstrom中新建Typescript文件 

Typescript的三种运行方式(小结)

2、这时在代码编辑区域上方就会看到

Typescript的三种运行方式(小结)

3、这里我们选择configue配置

在打开的配置项中勾选Enable TypeScript Complier 

Typescript的三种运行方式(小结)

4、这样我们编写的.ts文件IDE就自动帮助我们生成了相对应的.js文件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
简明json介绍
Sep 28 Javascript
修改好的jquery滚动字幕效果实现代码
Jun 22 Javascript
整理AngularJS中的一些常用指令
Jun 16 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
Mar 28 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
基于JavaScript实现的插入排序算法分析
Apr 14 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
JavaScript实现简单的弹窗效果
May 19 Javascript
原生JavaScript实现五子棋游戏
Nov 09 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 #Javascript
layui的layedit富文本赋值方法
Sep 18 #Javascript
vue语法自动转typescript(解放双手)
Sep 18 #Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 #Javascript
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
Sep 18 #Javascript
使用Node.js在深度学习中做图片预处理的方法
Sep 18 #Javascript
过滤器vue.filters的使用方法实现
Sep 18 #Javascript
You might like
php轻松实现中英文混排字符串截取
2014/05/28 PHP
PHP数组和explode函数示例总结
2015/05/08 PHP
php求数组全排列,元素所有组合的方法
2016/05/05 PHP
PHP实现的支付宝支付功能示例
2019/03/26 PHP
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
2009/06/14 Javascript
javascript date格式化示例
2013/09/25 Javascript
js登录弹出层特效
2014/03/07 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
js单词形式的运算符
2014/05/06 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
详解vue中移动端自适应方案
2019/05/05 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
2019/05/20 Javascript
vant 解决tab切换插件标题样式自定义的问题
2020/11/13 Javascript
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
Python随机生成数模块random使用实例
2015/04/13 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
Python中使用asyncio 封装文件读写
2016/09/11 Python
python数据类型判断type与isinstance的区别实例解析
2017/10/31 Python
python同时遍历数组的索引和值的实例
2018/11/15 Python
python 实现的发送邮件模板【普通邮件、带附件、带图片邮件】
2019/07/06 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
中国跨境电商:Tomtop
2017/03/16 全球购物
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
创伤外科专业推荐信范文
2013/11/19 职场文书
高中自我评价分享
2013/12/05 职场文书
称象教学反思
2014/02/03 职场文书
《奇妙的国际互联网》 教学反思
2014/02/25 职场文书
学生会副主席竞聘书
2014/03/31 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
群众路线查摆问题及整改措施
2014/10/10 职场文书
严以用权专题学习研讨会发言材料
2015/11/09 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
MySQL日期时间函数知识汇总
2022/03/17 MySQL
Python何绘制带有背景色块的折线图
2022/04/23 Python