标题
[vscode插件]Compile Hero 编译英雄 -- 保存时直接编译 ts 为 js
clq
浏览(82) +
2024-07-17 16:39:35 发表
编辑
关键字:
[vscode插件]Compile Hero 编译英雄 -- 保存时直接编译 ts 为 js
ts 用得多了越来越不耐烦用 nodejs 去编译，所以最近都直接写的 js 代码了。一直准备在《文本处理大师》或者《vdisk》中加一个直接编译的功能。今天无意中发现已经有网友开发好了。而且非常的好用，而且作者似乎还是国人。
官方中文文档：
https://gitee.com/wscats/compile-hero/blob/master/README.CN.md
--------------------------------------------------------
vscode Compile Hero编译英雄插件配置（编译sass/scss/less/ts等）
星野睡不醒
于 2020-07-23 03:00:54 发布
阅读量4.7k
收藏 4
点赞数 3
分类专栏： Web 文章标签： vscode vscode插件 sass typescript js
版权
Web 专栏收录该内容
134 篇文章 35 订阅
订阅专栏
Compile Hero
在这里插入图片描述
这个插件是很不错的，可以实时编译 less / sass / scss / ts / tsx 等文件，但是其初始配置十分不人性化，需要自己修正一下。
配置
在全局配置 settings.json 加入：
// compile hero
"compile-hero.disable-compile-files-on-did-save-code": false,
"compile-hero.javascript-output-directory": "./out",
"compile-hero.javascript-output-toggle": false,
"compile-hero.sass-output-directory": "./out",
"compile-hero.sass-output-toggle": false,
"compile-hero.scss-output-directory": "./out",
"compile-hero.scss-output-toggle": false,
"compile-hero.less-output-directory": "./out",
"compile-hero.less-output-toggle": false,
"compile-hero.pug-output-directory": "./out",
"compile-hero.pug-output-toggle": false,
"compile-hero.jade-output-directory": "./out",
"compile-hero.jade-output-toggle": false,
"compile-hero.typescript-output-directory": "./out",
"compile-hero.typescript-output-toggle": false,
"compile-hero.typescriptx-output-directory": "./out",
"compile-hero.typescriptx-output-toggle": false,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
其中第一行 compile-hero.disable-compile-files-on-did-save-code 指当我们按下 ctrl + s 保存时才会进行编译。
形如 ***-output-directory 是指相应语言的编译结果输出文件夹。
形如 ***-output-toggle 的是相应语言的编译开关，默认是全部打开的，十分不人性化，只要按到 ctrl + s 就会不知不觉产生一个编译好的文件，所以一开始建议都关闭，需要用的时候再打开。
--------------------------------------------------------
原文链接：https://blog.csdn.net/qq_21567385/article/details/107527592
NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.
