Maison  >  Article  >  outils de développement  >  Que faire si une erreur de compilation vscode sass se produit

Que faire si une erreur de compilation vscode sass se produit

藏色散人
藏色散人original
2020-04-02 10:21:313911parcourir

Que faire si une erreur de compilation vscode sass se produit

Que dois-je faire si j'obtiens une erreur lors de la compilation de vscode sass ?

Compilez Sass en utilisant vscode

Si vous souhaitez compiler via la ligne de commande, vous pouvez suivre https://www.sass.hk/ Allez ici et suivez les étapes Installation, mais il y a eu un problème lors de l'installation de l'image Taobao et l'installation a échoué, j'ai donc utilisé vscode pour compiler sass

Apprentissage recommandé :Tutoriel vscode

Première étape 1, installez easy sass dans vscode. L'image ci-dessous montre l'état d'une installation réussie

Que faire si une erreur de compilation vscode sass se produit

La deuxième étape consiste à modifier la configuration de vscode

Que faire si une erreur de compilation vscode sass se produit

"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 consiste à créer un nouveau dossier et à créer deux nouveaux dossiers dans le dossier, un pour sass et un pour css. Si vous n'avez pas créé de dossier css, il y en aura un. créé automatiquement après la compilation

Que faire si une erreur de compilation vscode sass se produit

La quatrième étape, puis créez demo.sass sous sass, puis écrivez

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

La cinquième étape, appuyez sur ctrl + s, il sera compilé directement, car lorsque vous le configurez auparavant, vous définissez easysass.compileAfterSave sur true, il sera donc compilé une fois après l'enregistrement. C'est aussi pour améliorer l'efficacité du développement

Enfin, vous le trouverez là. est un fichier css supplémentaire et un fichier min.css sous le css , ceci est lié aux paramètres que vous avez définis, un sans indentation et un compressé

Que faire si une erreur de compilation vscode sass se produit

Ça y est.... .

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn