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 相关文章推荐
js+数组实现网页上显示时间/星期几的实用方法
Jan 18 Javascript
ExtJS4中的requires使用方法示例介绍
Dec 03 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
jquery实现submit提交表单
Feb 03 Javascript
angularJS提交表单(form)
Feb 09 Javascript
JS根据生日算年龄的方法
May 05 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
vue 使用鼠标滚动加载数据的例子
Oct 31 Javascript
Vue实现简单购物车功能
Dec 13 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
php4的session功能评述(二)
2006/10/09 PHP
php标签云的实现代码
2012/10/10 PHP
php简单分页类实现方法
2015/02/26 PHP
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
jquery Deferred 快速解决异步回调的问题
2016/04/05 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
浅谈Angular路由复用策略
2017/10/04 Javascript
Vue异步加载about组件
2017/10/31 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
python回调函数的使用方法
2014/01/23 Python
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
使用Node.js和Socket.IO扩展Django的实时处理功能
2015/04/20 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
简单谈谈python中的语句和语法
2017/08/10 Python
对python list 遍历删除的正确方法详解
2018/06/29 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
python框架flask表单实现详解
2019/11/04 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
用python对oracle进行简单性能测试
2020/12/05 Python
应届大学生求职的自我评价
2013/11/17 职场文书
医科大学生的自我评价
2013/12/04 职场文书
受欢迎的大学生自我评价
2013/12/05 职场文书
报到证办理个人委托书
2014/10/06 职场文书
小学优秀教师材料
2014/12/15 职场文书
六年级小学生评语
2014/12/26 职场文书
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL
解决Oracle数据库用户密码过期
2022/05/11 Oracle