Comment devenir plus joli

Qu'est-ce qui est plus joli

Prettier est un outil de formatage de code qui peut prendre en charge JS/JSX/TS/Flow/JSON/CSS/LESS et d'autres formats de fichiers.

Pourquoi utiliser Prettier

pour remplacer certains scénarios dans les lint, tels que les points-virgules/l'indentation de tabulation/les espaces/les guillemets, ceux-ci doivent être modifiés manuellement après que l'outil de charpie a détecté des problèmes. Habituellement, ces erreurs sont des espaces ou des symboles, ce qui est relativement inélégant. L'utilisation de l'outil de formatage pour les générer automatiquement permet d'économiser du temps et des efforts.

Comment personnaliser la configuration

Prettier fournit un ensemble de configurations par défaut, donc comment modifier les éléments de configuration pour se conformer à notre propre code spécifications ? Il y a trois façons de le faire :

(1) fichier .prettierrc

(2) fichier plus joli.config.js

(3) Configurer des attributs plus jolis dans package.json

Prettier vérifiera le fichier de configuration et lira automatiquement la configuration dans le fichier. Nous n'avons qu'à choisir une méthode à configurer, je choisis la seconde maintenant.

Cela ressemble beaucoup à l'outil anti-peluches, n'est-ce pas ?

Propriétés configurables

Partager mon fichier de configuration

module.exports = {
// tab缩进大小,默认为2
tabWidth: 2,
// 使用tab缩进，默认false
useTabs: true,
// 使用分号, 默认true
semi: false,
// 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
singleQuote: true,
// 行尾逗号,默认none,可选 none|es5|all
// es5 包括es5中的数组、对象
// all 包括函数对象等所有可选
TrailingCooma: "none",
// 对象中的空格 默认true
// true: { foo: bar }
// false: {foo: bar}
bracketSpacing: true,
// JSX标签闭合位置 默认false
// false: <div
//          className=""
//          style={{}}
//       >
// true: <div
//          className=""
//          style={{}} >
jsxBracketSameLine：false,
// 箭头函数参数括号 默认avoid 可选 avoid| always
// avoid 能省略括号的时候就省略 例如x => x
// always 总是有括号
arrowParens: &#39;always&#39;,
}

PlusFAQ, veuillez visiter le PHP Site 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!