Formatage de code bis

Après m’être occupé de PHP et de Javascript j’ai jeté un œil à mon environnement pour les CSS et plus spécialement les sources Sass. Eh bien finalement j’ai laissé tomber stylelint pour JsPrettier après m’être bien cassé les dents, encore une fois, avec les modules nodes !

Voilà (pour mémo pour plus tard si jamais) l’actuel fichier de configuration que j’utilise dans Sublime Text :

{
	"allow_inline_formatting": true,
	"auto_format_on_save": true,
	"auto_format_on_save_excludes": [
		"*.html"
	],
	"prettier_options": {
		"arrowParens": "always",
		"bracketSpacing": true,
		"editorconfig": true,
		"embeddedLanguageFormatting": "auto",
		"htmlWhitespaceSensitivity": "css",
		"insertPragma": false,
		"jsxBracketSameLine": false,
		"jsxSingleQuote": false,
		"proseWrap": "preserve",
		"quoteProps": "as-needed",
		"requirePragma": false,
		"semi": true,
		"singleQuote": true,
		"tabWidth": 2,
		"trailingComma": "all",
		"useTabs": false,
		"vueIndentScriptAndStyle": false,
		"printWidth": 128
	}
}

Le seul truc qui me chiffonne un peu, le temps que je m’y habitue probablement, est qu’on perd l’alignement des affections (ou des règles) :

// ========================================================================== //
// =Breakpoints
// ========================================================================== //

$xxs-screen: 26.5em;  // 424 px
$xs-screen:  38em;    // 608 px
$s-screen:   44em;    // 704 px
$m-screen:   48em;    // 768 px
$l-screen:   61em;    // 976 px
$xl-screen:  80em;    // 1280 px
$xxl-screen: 120em;   // 1920 px

Devenant ceci après le formatage effectué par JsPrettier :

// ========================================================================== //
// =Breakpoints
// ========================================================================== //

$xxs-screen: 26.5em; // 424 px
$xs-screen: 38em; // 608 px
$s-screen: 44em; // 704 px
$m-screen: 48em; // 768 px
$l-screen: 61em; // 976 px
$xl-screen: 80em; // 1280 px
$xxl-screen: 120em; // 1920 px

Et je n’ai pas trouvé d’option qui permette de conserver l’alignement, too bad.

Rien de grave en soi, par contre les sources Sass (comme les sources Javascript) seront largement et copieusement remis en forme une fois la 2.20 sortie :-)

Ajouter un commentaire

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/15152

Haut de page