Comment compiler Sass avec vscode

Utilisez vscode pour compiler sass

La première étape consiste à installer easy sass dans vscode. L'image ci-dessous montre l'état d'installation réussie

La deuxième étape, modifiez la configuration de vscode

"easysass.compileAfterSave": true, 
 "easysass.formats": [ //nested：嵌套缩进的 css 代码。
//expanded：没有缩进的、扩展的css代码。
//compact：简洁格式的 css 代码。
//compressed：压缩后的 css 代码

        {
            "format": "expanded",
            "extension": ".css"
        },
        {
            "format": "compressed",
            "extension": ".min.css"
        }
    ],
    "easysass.targetDir": "css/" //路径

La troisième étape, créez un nouveau dossier, créez deux nouveaux dossiers dans le dossier, un sass et un css, si vous ne l'avez pas fait dossier css créé, un dossier

sera automatiquement créé après la compilation Étape 4, puis créez demo.sass sous sass, puis écrivez

Cinq étapes. , appuyez sur ctrl + s pour compiler directement. Parce que vous avez défini easysass.compileAfterSave sur true lors de la configuration précédente, il sera donc compilé une fois après l'enregistrement. C'est également pour améliorer l'efficacité du développement

Enfin, j'ai trouvé cela. il y a un fichier css supplémentaire sous le css, un fichier min.css Ceci est lié aux paramètres que vous avez définis, un sans indentation et un compressé

Cet article arrive. de la colonne

tutoriel vscode du site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!