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 相关文章推荐
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
Jul 07 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
html5 canvas 详细使用教程
Jan 20 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
Vue 表单控件绑定的实现示例
Aug 11 Javascript
js判断数组是否包含某个字符串变量的实例
Nov 24 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
May 27 jQuery
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
layer 关闭指定弹出层的例子
Sep 25 Javascript
JS常见错误(Error)及处理方案详解
Jul 02 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
无数据库的详细域名查询程序PHP版(4)
2006/10/09 PHP
php中通过smtp发邮件的类,测试通过
2007/01/22 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
php对象工厂类完整示例
2018/08/09 PHP
js加解密 脚本解密
2008/02/22 Javascript
原生JavaScript实现滚动条效果
2020/03/24 Javascript
使用InstantClick.js让页面提前加载200ms
2017/09/12 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
3分钟读懂移动端rem使用方法(推荐)
2019/05/06 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
2020/05/15 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
Django中的ajax请求
2018/10/19 Python
基于numpy中数组元素的切片复制方法
2018/11/15 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
python打开使用的方法
2019/09/30 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
优质美利奴羊毛袜,不只是徒步旅行:Darn Tough Vermont
2018/11/05 全球购物
汉语专业应届生求职信
2013/10/01 职场文书
小学信息技术教学反思
2014/02/10 职场文书
人事专员的岗位职责
2014/03/01 职场文书
公司新年寄语
2014/04/04 职场文书
关于旅游的活动方案
2014/08/15 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers
Golang Web 框架Iris安装部署
2022/08/14 Python