VS Code SCSS Auto Compiling to CSS

Upload .css file after saving .scss file

• Download the files to a local folder.
• Have WinSCP monitor the folder and automatically upload any modifications (including new files).
• Edit the files locally (and have WinSCP upload the changes, including the generated files).

---

For your literal question, there's WinSCP feature request.

SASS is not compiling to CSS

Are you compiling on your local machine with VSCode using LiveSassCompiler by Glenn Marks (glenn2223.live-sass)? If you are using ritwickdey.live-sass, try swapping it for Glenn's as the latter is no longer maintained I think. Then, try appending a .bak to the style.css and style.css.map to regenerate the CSS with the compiler.

SCSS auto-suggestion on VS code

Besides SCSS intelliSense, you can also try SCSS Everywhere which gives you suggestions when you are assigning classes to HTML elements.

Visual Studio Code SASS compiler

Actual the situation is, that SASS actualized to a new version Dart SASS. There are new rules like @use in it ... so the used compilers needs to be updated.

As I know up to now Node Sass did not.

The better way to use SASS in VS Code is to use an extension.

As we had this several times:

If you are interessted in it you may look here https://stackoverflow.com/a/66207572/9268485

---

Note: if you decide to use one of the extensions your settings may change. Have a look to the extensions descriptions.

---

Related Topics