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 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
Extjs在exlipse中设置自动提示的方法
Apr 07 Javascript
js日期时间补零的小例子
Mar 05 Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
Nov 23 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
Dec 08 Javascript
js保留两位小数方法总结
Jan 31 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 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
第八节 访问方式 [8]
2006/10/09 PHP
截获网站title标签之家内容的例子
2006/10/09 PHP
PHP base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
PHP的PDO预处理语句与存储过程
2019/01/27 PHP
学习YUI.Ext 第七天--关于View&JSONView
2007/03/10 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
鼠标事件延时切换插件
2011/03/12 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
Javascript Request获取请求参数如何实现
2012/11/28 Javascript
PHP PDO操作总结
2014/11/17 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
Angular.JS去掉访问路径URL中的#号详解
2017/03/30 Javascript
前端自动化开发之Node.js的环境搭建教程
2017/04/01 Javascript
解决ztree搜索中多级菜单展示不全问题
2017/07/05 Javascript
使用jQuery实现购物车结算功能
2017/08/15 jQuery
详谈表单重复提交的三种情况及解决方法
2017/08/16 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python读写zip压缩文件的方法
2018/08/29 Python
Python补齐字符串长度的实例
2018/11/15 Python
python多线程同步实例教程
2019/08/11 Python
解决更改AUTH_USER_MODEL后出现的问题
2020/05/14 Python
在家更换处方镜片:Lensabl
2019/05/01 全球购物
请说出这段代码执行后a和b的值分别是多少
2015/03/28 面试题
laravel使用redis队列实例讲解
2021/03/23 PHP
实习鉴定评语
2014/01/19 职场文书
小学模范班主任事迹材料
2014/05/13 职场文书
离婚代理词范文
2015/05/23 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
Python中异常处理用法
2021/11/27 Python