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)
blank

相关推荐

  • Kafka到Hdfs的数据Pipeline整理

    Kafka到Hdfs的数据Pipeline整理

  • idea下载及汉化

    idea下载及汉化安装软件和汉化插件下载地址 链接:https://pan.baidu.com/s/1ftvTcFvx0ett7IQhU7Hltg 提取码:b43t 复制这段内容后打开百度网盘手机App,操作更方便哦 现在安装idea–>基本大家都会 汉化: 不是很建议使用汉化版本的.但是原界面对新手不是很友好,也有人说汉化后的界面有的按钮会报错,算了..开始正题吧 先把汉化文件夹…

  • linux连接蓝牙键盘_双系统蓝牙键盘切换

    linux连接蓝牙键盘_双系统蓝牙键盘切换后记:写完这篇文章后又先后重新连接过两次,每次都会下意识担心,完了完了这次可能再也连不上了(想起当初一直连不上双系统,被蓝牙键盘支配的日日夜夜),结果我按着自己写的这篇文章来搞,还不是每次都成功了hh.一、参考文献为了方便查阅,先列出参考文献。这些文章中有的内容已经过时,有的是配置的环境不一样。1.Ubuntu和Windows双系统蓝牙键盘配对——20142.Ubunt…

    2022年10月15日
  • linux 海思hi3798m_海思Hi3798模块芯片,Hi3798处理器参数介绍[通俗易懂]

    linux 海思hi3798m_海思Hi3798模块芯片,Hi3798处理器参数介绍[通俗易懂]Hi3798CV200是用于DVB和IPTV机顶盒市场的支持4KP60解码的超高清高性能SOC芯片,集成4核64位高性能CortexA53处理器、内置NEON加速引擎,强大的CPU处理能力可以满足各种差异化的业务需求。在码流兼容性、在线视频播放的流畅性、图像质量以及整机性能方面保持业界最好的用户体验。Hi3798支持4Kx2K@P6010bit超高清视频解码,支持H.265/HEVC、H.2…

  • Socket原理讲解

    Socket原理讲解对TCP/IP、UDP、Socket编程这些词你不会很陌生吧?随着网络技术的发展,这些词充斥着我们的耳朵。那么我想问:1.什么是TCP/IP、UDP?2.Socket在哪里呢?3.Socket是什么呢?4.你会使用它们吗?什么是TCP/IP、UDP?TCP/IP(TransmissionCont…

  • java actioncontext_关于struts2中ActionContext的实现原理

    java actioncontext_关于struts2中ActionContext的实现原理北京,雾霾天气阻止了今天的马拉松之行,蜗居一天。为一个问题“struts2如何保证ActionContext每次取的都是本次请求所对应的实例?”,给一个网友解释了半天。首先,我们知道,struts2和struts1的一个重要区别就是它进行了Action类和Servlet的解耦。而又提供了获取ServletAPI的其它通道,就是ActionContext(别跟我说还有个ServletActionC…

发表回复

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

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