vscode directory at the root level of your project. Project-wide settings are configured using the standard settings.json file (i.e.Switch to control compilation and formatting of specific files Whether the configuration is automatically compiled after saving (ctrl+s) Or disable automatic compilation on save (ctrl+s).Toggle the compile switch of different language.You can change the output path of the project compilation directory.I hope you can get rid of the constraint of gulp or webpack😁 Extension SettingsĬlick to open the extension management interface Configure Extension Settings. When you writing a file, press save ctrl+s to generate the compiled file in the same directory. Beautify javascript, json, css, sass, and html.Įasy to use.Support to open html files to preview in browser.Support autoprefixer for less, scss, scss.Compile less, sass, scss, stylus, typescript, typescriptreact, jade, pug and javascript on save.

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.Ĥ.Beautify on save (alt+shift+f) or select Format Document on right-click menu item for javascript, json, css, sass and html. Or select Compile Files on right-click menu item, it will automatically compile the files to the dist directory. 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 ↓ 1.Open the less, sass, scss, styl, ts, tsx, jade, pug or js file.Ģ.

Write sass in pug template