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在线运行

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • android之来电自动拒接并自动回复短信_上课模式app「建议收藏」

    上课的时候老师说总是错过电话,对方打来没人接还一遍遍的打,觉得可以有个app在上课期间自动拒接电话,并自动回复短信过去.当然了,需要权限的.尝试做了个雏形出来.界面如下:主要代码如下:package jason.teacher;import java.lang.reflect.Method;import java.util.HashMap;import ja

    2022年3月10日
    148
  • oracle正则表达式匹配中文

    oracle正则表达式匹配中文oracle正则表达式regexp_substr、regexp_like、regexp_replace是无法像其他正则表达式一样用[\u4e00-\u9fa5]来匹配中文的。所以,我们需要用另一种方式来实现oracle正则表达式匹配中文。我们需要用到oracle的内置函数UNISTR(str):ASCIISTR语法:asciistr(str)功能:返回字符串的规则表现形式,英文和数字变

    2022年6月28日
    34
  • 黑群晖安装与使用

    黑群晖安装与使用本教程是一个完整教程,教你0基础0配件安装群晖NAS服务器。

    2022年5月18日
    98
  • 快速的rapid_你不知道的100个国外搜索引擎

    快速的rapid_你不知道的100个国外搜索引擎 15原文链接http://www.portablesoft.cn/rapidshare-search-engine/Postedin 实用技巧 by黯然过客[2010/01/30]      RapidShare是世界上最大的文件托管网站,据称已有超过10PB容量的文件上传到其服务器;有了Rapidshare,可以说不怕你下载不到,就怕你想不到,善用网盘资源…..

    2025年8月30日
    5
  • 如何使用npm安装yarn

    如何使用npm安装yarn先安装node,链接请看:https://blog.csdn.net/Doudou_Mylove/article/details/105112400再使用npm安装yarn:[root@localhost~]#npminstall-gyarn/usr/local/nodejs/bin/yarn->/usr/local/nodejs/lib/node_modules/…

    2022年8月30日
    3
  • 卸载软件包命令_查看rpm包是否安装

    卸载软件包命令_查看rpm包是否安装可以先用rpm-q’xxx’或者rpm-qf’xxx/bin/xxxx.xx’来查询一下所属的rpm包的名字。然后用rpm-e’xxxxxx’来删之。’xxx/bin/xxxx.xx’是一个包中任意的文件’xxxxxx’是查询得到的rpm包的名称    rpm-e的时候后面的文件名不用加版本号 安全地卸载RPM卸载软件包,并不是简单地将原来安

    2022年9月22日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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