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 相关文章推荐
jQuery动态地获取系统时间实现代码
May 24 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
jquery实现弹出层登录和全屏层注册特效
Aug 28 Javascript
AngularJS模块详解及示例代码
Aug 17 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
Mar 29 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
js匿名函数使用&传参(实例)
Sep 08 Javascript
Bootstrap实现的表格合并单元格示例
Feb 06 Javascript
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
浅谈layui框架自带分页和表格重载的接口解析问题
Sep 11 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 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
BBS(php & mysql)完整版(八)
2006/10/09 PHP
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
php str_replace的替换漏洞
2008/03/15 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
php操作路径的经典方法(必看篇)
2016/10/04 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
JScript中的条件注释详解
2015/04/24 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
2016/01/07 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
js实现微博发布小功能
2017/01/12 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
jQuery简单绑定单个事件的方法示例
2017/06/10 jQuery
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
NProgress显示顶部进度条效果及使用详解
2019/09/21 Javascript
用Python的urllib库提交WEB表单
2009/02/24 Python
Python中处理字符串之endswith()方法的使用简介
2015/05/18 Python
Python解析树及树的遍历
2016/02/03 Python
python正则分析nginx的访问日志
2017/01/17 Python
python导入坐标点的具体操作
2019/05/10 Python
对python中各个response的使用说明
2020/03/28 Python
Python @property及getter setter原理详解
2020/03/31 Python
Python实现汇率转换操作
2020/05/03 Python
Scrapy-Redis之RedisSpider与RedisCrawlSpider详解
2020/11/18 Python
家得宝加拿大家装网上商店:The Home Depot加拿大
2016/08/27 全球购物
Lookfantastic德国官网:英国知名美妆购物网站
2017/06/11 全球购物
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
介绍一下linux的文件系统
2012/03/20 面试题
村捐赠仪式答谢词
2014/01/21 职场文书
致标枪运动员加油稿
2014/02/15 职场文书
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
社团2014年植树节活动总结
2014/03/11 职场文书
学生个人总结范文
2015/02/15 职场文书
班主任工作总结范文
2015/08/13 职场文书
POST提交数据常见的四种方式
2022/01/18 HTML / CSS