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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
js 内存释放问题
Apr 25 Javascript
JavaScript中的Math 使用介绍
Apr 21 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 Javascript
jQuery选择器基础入门教程
May 10 Javascript
js字符串截取函数slice、substring和substr的比较
May 17 Javascript
微信小程序 跳转方式总结
Apr 20 Javascript
jquery获取transform里的值实现方法
Dec 12 jQuery
js中bool值的转换及“&&”、“||”、 “!!”详解
Dec 21 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
JavaScript学习笔记之数组基本操作示例
Jan 09 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 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
让你的网站首页自动选择语言转跳
2006/12/06 PHP
php实现的SESSION类
2014/12/02 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
js+css实现增加表单可用性之提示文字
2013/06/03 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
2016/05/09 Javascript
bootstrap输入框组代码分享
2016/06/07 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
2016/08/20 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
JavaScript中三个等号和两个等号你了解多少
2017/07/04 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
Python常用知识点汇总
2016/05/08 Python
python版飞机大战代码分享
2018/11/20 Python
利用python修改json文件的value方法
2018/12/31 Python
python3发送邮件需要经过代理服务器的示例代码
2019/07/25 Python
TensorFlow实现指数衰减学习率的方法
2020/02/05 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
学生夜不归宿检讨书
2014/09/23 职场文书
初一数学教学反思
2016/02/17 职场文书
python APScheduler执行定时任务介绍
2022/04/19 Python
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers