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 相关文章推荐
javascript 对象定义方法 简单易学
Mar 22 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
vue实现移动端input上传视频、音频
Aug 18 Javascript
vue-cli3 热更新配置操作
Sep 18 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
PHPMyAdmin 快速配置方法
2009/05/11 PHP
PHP禁止个别IP访问网站
2013/10/30 PHP
测试php函数的方法
2013/11/13 PHP
php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法
2014/11/11 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
PHP中的魔术方法总结和使用实例
2015/05/11 PHP
php实现XSS安全过滤的方法
2015/07/29 PHP
PHP实现的曲线统计图表示例
2016/11/10 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
js+xml生成级联下拉框代码
2012/07/24 Javascript
js实现汉字排序的方法
2015/07/23 Javascript
JS使用eval解析JSON的注意事项分析
2015/11/14 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
node.JS二进制操作模块buffer对象使用方法详解
2020/02/06 Javascript
vue接口请求加密实例
2020/08/11 Javascript
JavaScript async/await原理及实例解析
2020/12/02 Javascript
Javascript实现单选框效果
2020/12/09 Javascript
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
python3实现跳一跳点击跳跃
2018/01/08 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
详解Python图像处理库Pillow常用使用方法
2019/09/02 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
巴西美妆购物网站:Kutiz Beauté
2019/03/13 全球购物
TobyDeals美国:在电子产品上获得最好的优惠和折扣
2019/08/11 全球购物
药品业务员岗位职责
2014/04/17 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
二十年同学聚会感言
2015/07/30 职场文书