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 设置标题的自动翻转
Oct 03 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
Jun 29 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 Javascript
原生JS和JQuery动态添加、删除表格行的方法
May 28 Javascript
基于javascript实现彩票随机数生成(升级版)
Apr 17 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
Dec 13 Javascript
利用Javascript实现一套自定义事件机制
Dec 14 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
Jun 23 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 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
php通过array_unshift函数添加多个变量到数组前端的方法
2015/03/18 PHP
PHPCMS2008广告模板SQL注入漏洞修复
2016/10/11 PHP
php 比较获取两个数组相同和不同元素的例子(交集和差集)
2019/10/18 PHP
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
javascript中的注释使用与注意事项小结
2011/09/20 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
关于JavaScript与HTML的交互事件
2013/04/12 Javascript
jQuery树控件zTree使用方法详解(一)
2017/02/28 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
2020/09/17 Javascript
Python多线程爬虫简单示例
2016/03/04 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
python3下实现搜狗AI API的代码示例
2018/04/10 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
python五子棋游戏的设计与实现
2019/06/18 Python
python for和else语句趣谈
2019/07/02 Python
python实现的发邮件功能示例
2019/09/11 Python
Python Django2.0集成Celery4.1教程
2019/11/19 Python
使用Python防止SQL注入攻击的实现示例
2020/05/21 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
十周年庆典策划方案
2014/06/03 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
Python3 如何开启自带http服务
2021/05/18 Python
Android在Sqlite3中的应用及多线程使用数据库的建议
2022/04/24 Java/Android