Shulou(Shulou.com)06/02 Report--

Editor to share with you the method of compiling sass with vscode. I hope you will gain a lot after reading this article. Let's discuss it together.

Use vscode to compile sass

The first step is to install easy sass in vscode. The figure below shows that the installation has been successful.

Second, modify the configuration of vscode

"easysass.compileAfterSave": true, "easysass.formats": [/ / nested: nested indented css code. / / expanded: there is no indented, extended css code. / / compact: css code in a concise format. / / compressed: compressed css code {"format": "expanded", "extension": ".css"}, {"format": "compressed", "extension": ".min.css"}], "easysass.targetDir": "css/" / / path

The third step is to create a new folder. Create two new folders in the folder, one sass and one css. If you do not build a css folder, you will automatically create a folder after compilation.

Step 4, then create demo.sass under sass, and then write

Step 5, press ctrl + s to compile directly, because you set easysass.compileAfterSave to true before, so save it and compile it once, which is also to improve the development efficiency.

Finally, you will find that there is an extra css file and a min.css file under css, which has something to do with the settings you have set, one without indentation and one with compression.

After reading this article, I believe you have a certain understanding of the method of vscode compiling sass, want to know more about it, welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.