Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro installs statistics

<a href="https://github.com/Wscats/compile-hero"><img src="https://img.shields.io/badge/Github Page-Wscats-yellow" alt="Github Page" /></a> <a href="https://github.com/Wscats"><img src="https://img.shields.io/badge/Author-Eno Yao-blueviolet" alt="Eno Yao" /></a>

English | 中文

Features

<!-- Easily work with `less, sass, scss, stylus, typescript, jade, pug and jsx` files in Visual Studio Code. -->

1.Open the less, sass, scss, styl, ts, tsx, jade, pug or js file.

2.Compile Hero: On/Off will appear in the status bar at the bottom right corner, please turn on the Compile Hero: On switch when using ↓

<!--  -->

3.Compile on save (ctrl+s) ↓

Or select Compile Files on right-click menu item, it will automatically compile the files to the dist directory.

<!-- for `less, sass, scss, stylus, typescript, jade, pug and jsx` files without using a build task. -->

You can also select part of the code and use the Compile Selected menu item or shortcut key (ctrl+shift+s) to perform partial compilation of the code block.

4.Beautify on save (alt+shift+f) or select Format Document on right-click menu item for javascript, json, css, sass and html.

• Compile less, sass, scss, stylus, typescript, typescriptreact, jade, pug and javascript on save.
• Support autoprefixer for less, scss, scss.
• Support to open html files to preview in browser.
• minify javascript and css files.
• Beautify javascript, json, css, sass, and html.

Before Compile	After Compile
.pug	.html
.jade	.html
.scss(sass)	.css
.less	.css
.styl	.css
.ts/.tsx	.js(JSX)
.js(ES6)	.js(ES5)

Easy to use. When you writing a file, press save ctrl+s to generate the compiled file in the same directory. I hope you can get rid of the constraint of gulp or webpack😁

Extension Settings

Click to open the extension management interface Configure Extension Settings.

• You can change the output path of the project compilation directory.
• Toggle the compile switch of different language.
• Or disable automatic compilation on save (ctrl+s).

Whether the configuration is automatically compiled after saving(ctrl+s)	Default Value
disable-compile-files-on-did-save-code	false

Switch to control the notification	Default Value
notification-toggle	true

Switch to control compilation and formatting of specific files	Default Value
ignore	null

Output Path Configuration	Default Value	Compile Switch Status	Default Value
javascript-output-directory	./dist	javascript-output-toggle	true
sass-output-directory	./dist	sass-output-toggle	true
scss-output-directory	./dist	scss-output-toggle	true
less-output-directory	./dist	less-output-toggle	true
jade-output-directory	./dist	jade-output-toggle	true
typescript-output-directory	./dist	typescript-output-toggle	true
typescriptx-output-directory	./dist	typescriptx-output-toggle	true
pug-output-directory	./dist	pug-output-toggle	true
stylus-output-directory	./dist	stylus-output-toggle	true
generate-minified-html	false	generate-minified-html-only	false
generate-minified-css	false	generate-minified-css-only	false
generate-minified-javascript	false	generate-minified-javascript-only	false

Using settings.json

Advanced Extension Settings:…