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 相关文章推荐
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
Mar 18 Javascript
JS实现的省份级联实例代码
Jun 24 Javascript
javascript解析json实例详解
Nov 05 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
May 10 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
js实现抽奖效果
Mar 27 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
vue 实现全选全不选的示例代码
Mar 29 Javascript
webpack 处理CSS资源的实现
Sep 27 Javascript
Node使用Selenium进行前端自动化操作的代码实现
Oct 10 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实现的获取URL信息的类
2007/01/02 PHP
PHP之数组学习
2011/05/29 PHP
php多任务程序实例解析
2014/07/19 PHP
PHP7创建COOKIE和销毁COOKIE的实例方法
2020/02/03 PHP
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
2013/09/29 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
jquery彩色投票进度条简单实例演示
2020/07/23 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
2017/08/17 Javascript
微信小程序显示下拉列表功能【附源码下载】
2017/12/12 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
bootstrap Table实现合并相同行
2019/07/19 Javascript
vue 动态添加class,三个以上的条件做判断方式
2020/11/02 Javascript
Python自定义进程池实例分析【生产者、消费者模型问题】
2016/09/19 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
Python基础知识_浅谈用户交互
2017/05/31 Python
python中文分词,使用结巴分词对python进行分词(实例讲解)
2017/11/14 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
Python装饰器简单用法实例小结
2018/12/03 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
使用openCV去除文字中乱入的线条实例
2020/06/02 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
机关办公室岗位职责
2014/04/16 职场文书
电大奖学金获奖感言
2014/08/14 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
中职班主任培训心得体会
2016/01/07 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python