Code VS - Empêchez le formatage de mettre CSS sur une ligne

J'utilise le document format a ton dans VSCode et je me demandais s'il y avait un moyen d'empêcher VSCode de concaténer mes classes CSS en une ligne et de les laisser telles quelles?Code VS - Empêchez le formatage de mettre CSS sur une ligne

Par exemple, je serais un peu de CSS comme ci-dessous

.a, 
.b { 
    font-size: 10px; 
}

Ensuite, lors du formatage du document est complet, il va ressembler à ceci:

.a, .b { 
    font-size: 10px; 
}

Est-ce quelque chose qui peut être empêché avec VSCode ou y at-il un plugin que je peux installer pour faire la même chose?

Source

2017-10-19 ChronixPsyc

Si vous regardez le haut- Options de lissage de css pour vscode (https://code.visualstudio.com/Docs/languages/CSS#_customizing-css-sass-and-less-settings) Je ne pense pas qu'aucun d'entre eux fasse un tel reformatage. Etes-vous sûr que vous n'avez pas déjà une extension, comme plus jolie ou stylelint, qui fait ce reformatage? – Mark

Désolé pour la réponse tardive. J'ai parcouru mes plugins et j'ai découvert que j'avais un plugin appelé CSS Formatter qui causait ce problème. La désinstallation a résolu le problème, mais maintenant je ne peux pas embellir mon contenu. Je vais y regarder. Merci pour la suggestion! – ChronixPsyc

Vous avez quelques options.

1) Vous pouvez utiliser le plugin js-beautify (ou similaire) - https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify. Une fois installé, vous pouvez utiliser le paramètre « preserve_newlines » dans le fichier de configuration .jsbeautifyrc

2) Cela peut être fait dans les paramètres vscode sous l'option « html.format.preserveNewLines »

Source

2017-10-19 14:11:45 Zinc

Pas un problème de formatage html. – Mark

Code VS - Empêchez le formatage de mettre CSS sur une ligne

Répondre

Questions connexes