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

This article mainly introduces how to solve the problem of vscode sass compilation error, the article is very detailed, has a certain reference value, interested friends must read it!

What about the error report of vscode sass compilation?

Compile sass with vscode

If you want to compile through the command line, you can follow https://www.sass.hk/ to go here to install step by step, but there will be problems when installing Taobao image, the installation is not successful, so I 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

.box color: red .img width: 100%; display: block

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.

The above is all the contents of this article entitled "how to solve the problem of vscode sass compiling errors". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

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.