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模拟枚举的简单实例
Mar 06 Javascript
Spring mvc 接收json对象
Dec 10 Javascript
js自调用匿名函数的三种写法(推荐)
Aug 19 Javascript
Angular.js中定时器循环的3种方法总结
Apr 27 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
Jul 14 Javascript
JScript实现地址选择功能
Aug 15 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
js断点调试心得分享(必看篇)
Dec 08 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
Feb 21 Javascript
微信小程序使用gitee进行版本管理
Sep 20 Javascript
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
jQuery实现增删改查
Dec 22 jQuery
微信小程序授权登陆及每次检查是否授权实例代码
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
YII路径的用法总结
2014/07/09 PHP
php面向对象值单例模式
2016/05/03 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
PHP7变量处理机制修改
2021/03/09 PHP
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
一道面试题引发的对javascript类型转换的思考
2017/03/06 Javascript
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
JQuery实现ajax请求的示例和注意事项
2018/12/10 jQuery
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
js实现盒子滚动动画效果
2020/08/09 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
Python正则表达式介绍
2012/08/06 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
python 实现A*算法的示例代码
2018/08/13 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
浅析Python requests 模块
2020/10/09 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
微笑面对生活演讲稿
2014/05/13 职场文书
建材投资建议书
2014/05/16 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
因公司原因离职的辞职信范文
2015/05/12 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL