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 验证表单(form)中多选框(checkbox)值
Sep 08 Javascript
学习ExtJS 访问容器对象
Oct 07 Javascript
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
js中的值类型和引用类型小结 文字说明与实例
Dec 12 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
浅谈Javascript实现继承的方法
Jul 06 Javascript
angular2使用简单介绍
Mar 01 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
基于VSCode调试网页JavaScript代码过程详解
Jul 20 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
也谈截取首页新闻 - 范例
2006/10/09 PHP
PHP的面试题集
2006/11/19 PHP
php表单提交问题的解决方法
2011/04/12 PHP
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
浅析php中json_encode()和json_decode()
2014/05/25 PHP
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
js 提交和设置表单的值
2008/12/19 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
通过JS来判断页面控件是否获取焦点
2014/01/03 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
JavaScript判断对象是否为数组
2015/12/22 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
2016/08/24 Javascript
BootStrap 页签切换失效的解决方法
2017/08/17 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
[07:26]2015国际邀请赛第二日TOP10集锦
2015/08/06 DOTA
小结Python用fork来创建子进程注意事项
2014/07/03 Python
Python入门篇之文件
2014/10/20 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
Python操作SQLite数据库的方法详解【导入,创建,游标,增删改查等】
2017/07/11 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
python画双y轴图像的示例代码
2019/07/07 Python
python实现H2O中的随机森林算法介绍及其项目实战
2019/08/29 Python
python中的django是做什么的
2020/07/31 Python
写clone()方法时,通常都有一行代码,是什么?
2012/10/31 面试题
资深财务管理人员自我评价
2013/09/22 职场文书
精细化工应届生求职信
2013/11/17 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
统计员岗位职责
2015/02/11 职场文书
会计求职简历自我评价
2015/03/10 职场文书
会计主管岗位职责
2015/04/02 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
Golang 入门 之url 包
2022/05/04 Golang