Comment modifier les règles de formatage automatique pour CSS / SCSS / LESS en utilisant Prettier dans VSCode?
Contexte:
J'utilise Prettier - Code formatter extension pour VSCode pour formater automatiquement mon code lors de la sauvegarde.
Problème:
J'ai l'habitude d'écrire des blocs sur une seule ligne dans mes fichiers sass (où il n'y a qu'une seule propriété), c'est-à-dire.
.some-class { background: #f00; }
Le problème est que l'extension Prettier la met en plusieurs lignes, c'est-à-dire.
.some-class {
background: #f00;
}
Il semble plus joli d'utiliser stylelint pour les fichiers css/scss et j'ai trouvé que ces paramètres peuvent être remplacés en l'activant dans les paramètres:
"prettier.requireConfig": true et en utilisant un fichier . prettierrc.js mais n'a pas été en mesure de désactiver le peluchage pour les blocs d'une seule ligne. J'apprécierais, si quelqu'un ici a des correctifs pour cela.
Merci
Mettre à jour:
Les paramètres ne peuvent pas être remplacés par "prettier.requireConfig": true. L'extension Prettier - Code formatter pour VSCode n'a pas d'option pour modifier les feuilles de style linting à partir des paramètres VSCode.
Cependant, il existe une option pour activer l'intégration stylelint mais cela nécessite stylelint et stylelint modules npm plus beaux .
Prettier utilise par défaut configuration stylelint standard pour le linting et le formatage des feuilles de style.
Publié la solution ci-dessous.
Je ne savais pas que vscode avait cette fonctionnalité. Une solution simple probablement en spécifiant prettier-ignore?
/* prettier-ignore */
.some-class { background: #f00; }
Référence: