How vscode operates scss

1. The compilation of sass depends on the Ruby environment, so install ruby ​​first;

2. After installing Ruby, enter gem sass on the command line to install Sass;

3. Find the easy sass plug-in in the vscode extension and install it;

4. Next, configure: Click "File-Preferences-Settings" in the vscode menu bar to open settings.json Global configuration file:

/** Easy Sass 插件 **/
    "easysass.formats": [
        {
            "format": "compressed",  // 压缩
            "extension": ".css"
        }
    ],
    "easysass.targetDir": "./css/"  // 自定义css输出文件路径

PHP Chinese website, there are a large number of free vscode introductory tutorials, everyone is welcome to learn!

The above is the detailed content of How vscode operates scss. For more information, please follow other related articles on the PHP Chinese website!