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调用C#代码
Jan 17 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
最全的Javascript编码规范(推荐)
Jun 22 Javascript
Vue.js学习笔记之 helloworld
Aug 14 Javascript
JS对HTML表格进行增删改操作
Aug 22 Javascript
js实现二级导航功能
Mar 03 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
node静态服务器实现静态读取文件或文件夹
Dec 03 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
微信小程序授权登陆及每次检查是否授权实例代码
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 HandlerSocket的使用
2011/05/02 PHP
PHP生成Gif图片验证码
2013/10/27 PHP
php查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
php对mongodb的扩展(小试牛刀)
2012/11/11 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
2015/10/13 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
Python安装模块的常见问题及解决方法
2018/02/05 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
在python中实现对list求和及求积
2018/11/14 Python
DES加密解密算法之python实现版(图文并茂)
2018/12/06 Python
TensorFlow实现自定义Op方式
2020/02/04 Python
Python实现自动访问网页的例子
2020/02/21 Python
使用 Python ssh 远程登陆服务器的最佳方案
2020/03/06 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
Python实现弹球小游戏
2020/08/01 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
纯CSS3实现地球自转实现代码(图文教程附送源码)
2012/12/26 HTML / CSS
世界上最大的隐形眼镜商店:1-800 Contacts
2018/11/03 全球购物
教师自我评价范文
2013/12/16 职场文书
大学校庆策划书
2014/01/31 职场文书
机关保密承诺书
2014/06/03 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
详解Python中下划线的5种含义
2021/07/15 Python