?? ??? ?? ???. ???? ?? ???.

???? ??? ??? ??

??? ???? ???? ?? ?? ????? ? ?? ?? ??? ? ????. ?? ??? ???? ?? ?? ??? ?? ???? ?? ?? ???? ?? ?????? ??? ? ?? ?????. ??? ??? ?????? ???? ?? ? ?? ?? ??? ???? ??? ??? ?? ??? ? ?? ??? ??? ? ??? ???.

??? ?? ?? ?? ???? ???? ???? ?? ??? ????. ? ????? ?? ?? ?? ?? ? ??? Prettier? ???????.

JS 2021? ????? ??? ???? 83%? ????? Prettier? ???? ???? ??? ?? ??? ?????? 13% ??? ?????. Facebook, Webflow, Jest, Dropbox, Spotify, PayPal ? ?? ?? ??? Prettier? ???? ?????? ??? ??? ?????.

Prettier? ??? ???? ???? ??? ? ????. ? ???? VS Code? ???? ?? Git ??? ???? Prettier? ???? ??? ?? ??????. ? ?? ??? ??? ??? Prettier? ??? ?????.

---

???? ??

??? ???? ??? ??? ? ??? ???? ?? ??? ???. ? ?? ??? ???? ????? ?? ??? ???? ???. ??? ?? ?? ??? ?????? ???? ? ?????? ? ????? ???? ??? ?? ?????. ??? ???? ??? ? ?? ??? ???? ??? ???? ?? ??? ?? ?? ??? ????? ??? ? ????.

---

.prettierrc

????? ?? ??? ?? ? ??? Prettier? ?? ?? ?? ??? ?????. JSON ??? ???? ?? ??? ?? ??? ? ????. ?? ??? ????.

---

.editorconfig

? ??? Prettier? ???? ??? ??? ??? ???? ?????. ?? .prettierrc? ???? ?? ??? ????. ?? ??? ????.

---

???? ??

??? ??? ?? ? ?? ?? ?? ??? ??? ??? ? ????. .prettierrc ? .editorconfig ??? ???? ??? ??? ?? ??? ? ????. ?? ????? ?????? ?? ? ?? npm ???? ?????.

npm install --save-dev prettier lint-staged husky

?? ?? Husky? ??????

npx ??? ???

? ??? ?? ??? ??? ? ????.

• ??? ?? Prettier? ?????.
• ???? ?? ????? ??? ????? lint-staged? ?????.
• Husky? ???? ???? ?? Git ??? ?????.
• ??? ???? ?? ?? ??? ???? Husky? ??????.

---

? ?? ??

? ?? ?? ?? ??? ?????: pre-commit ? .lintstagedrc

?? ??

Husky? ???? ??? ? ??? ??? ????? ?????. ??? ? ??? Husky ?? ?? ?????. ??? ?? ?????.

.lintstagedrc

?? ???? ??? ? ??(.editorconfig ? .prettierrc? ??? ??? ??)? ????. Git ??? ?? Prettier ??? ?? ??? ????. ??? ???? ????? ?? ??? ?? ??? ? ????.

---

???? ???

4?? ??(.prettierrc, .editorconfig, .lintstagedrc ? pre-commit)? ?? ???? ????? ???? ? ????.

1. .js ??? ??? ???? ?????(?: ???? ???? ???? ??).
2. ?? ??? ???? ?????. ?? ?? -A
3. ??? ???? ?? git commit -m "?? ?? ?? ?? ???"

?? ?? ???? ???? ???? ?? ???? ???? ?? ?? ??? ???? ?????.

---

?? ??!

?? Prettier? git Hooks? ???? ?? ??? ????? ?????? ???? ??? ?????.

???? ??? ?? ????! ? ??? ??? ???? ??? ???? ??? ?????. ?? ????????!

---

?? ???? ?? ?

.prettierrc

{
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "embeddedLanguageFormatting": "auto",
  "endOfLine": "lf",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxSingleQuote": false,
  "printWidth": 80,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "useTabs": false,
  "vueIndentScriptAndStyle": false
}

.editorconfig

# Top-most EditorConfig file
root = true

# Global settings
[*]
indent_style = space
indent_size = 2
tab_width = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

# Overrides
[*.md]
trim_trailing_whitespace = false
max_line_length = off

[*.yml]
indent_style = space
indent_size = 2

[*.ts]
indent_style = space
indent_size = 4

[Makefile]
indent_style = tab

[*.html]
indent_size = 2

[*.json]
indent_size = 2

? ??? ????? Prettier? ???? ?? ??? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!