typescript web_typescript在线运行

typescript web_typescript在线运行前言上一篇我们讲到如何手动编译TypeScript,如果我们每次都要手动编译,那么这样会很累,接下来就介绍自动编译TypeScript。mac自动编译typescript在Typescript文

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

前言

上一篇我们讲到如何手动编译TypeScript,如果我们每次都要手动编译,那么这样会很累,接下来就介绍自动编译TypeScript。
 

mac自动编译typescript

  1. 在Typescript文件所在目录中打开terminal输入tsc --init安装tsconfig.js

  2. 编辑tscongfig.json,修改outDir的参数,既默认ts转换成js后的输出目录
    typescript web_typescript在线运行

  3. 点击WebStorm->Preferences到设置页面
    typescript web_typescript在线运行

  4. 点击Languages & Frameworks -> TypeScript,勾选Recompile on changes,点击ok
    typescript web_typescript在线运行

  5. 点击tools->File Watchers->左上角的+号、选择custom
    typescript web_typescript在线运行

  6. 输入如下信息,点击ok

Name:TypeScript
File Type:TypeScript
Scope:All Places
Program:/usr/local/lib/node_modules/typescript/bin/tsc(既安装typescript的路径下的tsc文件)
Arguments:--sourcemap --target "ES5"
Output paths to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
WOrking directory:$FileDir$

typescript web_typescript在线运行

接着当我们修改TypeScript文件时,WebStorm就会给你自动编译
typescript web_typescript在线运行

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/165342.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 基于PyTorch的深度学习入门教程(一)——PyTorch安装和配置

    前言深度神经网络是一种目前被广泛使用的工具,可以用于图像识别、分类,物体检测,机器翻译等等。深度学习(DeepLearning)是一种学习神经网络各种参数的方法。因此,我们将要介绍的深度学习,指的是构建神经网络结构,并且运用各种深度学习算法训练网络参数,进而解决各种任务。本文从PyTorch环境配置开始。PyTorch是一种Python接口的深度学习框架,使用灵活,学习方便。…

  • 统计学—之样本方差与总体方差的区别[通俗易懂]

    统计学—之样本方差与总体方差的区别[通俗易懂]前段日子重新整理了一下这个问题的解答,跟大家分享一下,如果有什么错误的话希望大家能够提出来,我会及时改正的,话不多说进入正题:首先,我们来看一下样本方差的计算公式:                           刚开始接触这个公式的话可能会有一个疑问就是:为什么样本方差要除以(n-1)而不是除以n?为了解决

    2022年10月30日
  • marquee用到的属性

    marquee用到的属性一、marquee标签的几个重要属性:1.direction:滚动方向(包括4个值:up、down、left、right)说明:up:从下向上滚动;down:从上向下滚动;left:从右向左滚动;

  • xshell连接虚拟机IP[通俗易懂]

    xshell连接虚拟机IP[通俗易懂]xshell连接虚拟机IP说明标题对ens33文件进行操作:说明一、标题个人能力有限,不做拓展说明,有说的不全的或者不对的请自行斟酌使用或者留言交流。问题:用xshell连接虚拟机需要知道IP地址但是找了好久都没找到?要的是ens33后面的inet二、在虚拟机中,发现使用ipaddr和ifconfig都无法正确查看到虚拟机的IP地址,后面发现是CentOS默认不开启ens33网卡的原因:即:在ens33后面找不到inet:ip。效果如下三、在装虚拟机安装centOS7系统的过程中会有一

  • 劳动节,让我们劳动起来!

    劳动节,让我们劳动起来!

  • 源码剖析signal和sigaction的区别[通俗易懂]

    源码剖析signal和sigaction的区别[通俗易懂]这两个函数都是Linux下注册信号处理函数有关,但是它们的区别一般我们都是从书上、网上、man手册得知,要想对它们的区别了然于胸,源码剖析才是彻底的方法。先来看这两个函数的区别和实验:1、signal比sigaction简单,但signal注册的信号在sa_handler被调用之前把会把信号的sa_handler指针恢复,而sigaction注册的信号在处理信号时不会恢复sa_handle

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号