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中的集合及效率
Jan 08 Javascript
javascript异步编程的4种方法
Feb 19 Javascript
JavaScript定义变量和变量优先级问题探讨
Oct 11 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
Mar 03 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
JavaScript中set与get方法用法示例
Aug 15 Javascript
ES6中let 和 const 的新特性
Sep 03 Javascript
layui字体图标 loading图标静止不旋转的解决方法
Sep 23 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 Javascript
vue实现弹幕功能
Oct 25 Javascript
vue设置默认首页的操作
Aug 12 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 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中is_dir()函数使用指南
2015/05/08 PHP
javascript 兼容鼠标滚轮事件
2009/04/07 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
JS中的==运算: [''] == false —>true
2016/07/24 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
JS实现指定区域的全屏显示功能示例
2019/04/25 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
python实现定制交互式命令行的方法
2014/07/03 Python
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
python使用socket连接远程服务器的方法
2015/04/29 Python
python类的继承实例详解
2017/03/30 Python
Python加密方法小结【md5,base64,sha1】
2017/07/13 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
Python用for循环实现九九乘法表
2018/05/31 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
Python Pivot table透视表使用方法解析
2020/09/11 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
微软瑞士官方网站:Microsoft瑞士
2018/04/20 全球购物
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
前台领班岗位职责
2013/12/04 职场文书
旅游项目开发策划书
2014/01/18 职场文书
《故都的秋》教学反思
2014/04/15 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
工作态度检讨书范文
2015/05/06 职场文书
推广普通话的宣传语
2015/07/13 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL