You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/editor-setup.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: Налаштування редактора
4
4
5
5
<Intro>
6
6
7
-
Як слід налаштований редактор може зробити код чистішим при прочитанні та швидшим при написанні. Він може навіть допомогти знайти дефекти ще при їхньому написанні! Якщо ви вперше налаштовуєте редактор або розглядаєте варіанти підлаштування нинішнього свого редактора, то в нас є кілька порад.
7
+
Як слід налаштований редактор може зробити код чистішим для прочитання та швидшим для написання. Він може навіть допомогти знайти дефекти ще під час їх появи! Якщо ви вперше налаштовуєте редактор або розглядаєте варіанти оптимізації роботи з нинішнім своїм редактором, то в нас є кілька порад.
8
8
9
9
</Intro>
10
10
@@ -17,7 +17,7 @@ title: Налаштування редактора
17
17
18
18
## Ваш редактор {/*your-editor*/}
19
19
20
-
[VS Code](https://code.visualstudio.com/) – один з найпопулярніших редакторів, що використовуються сьогодні. В нього великий асортимент розширень, він добре інтегрується з популярними службами штибу GitHub. Більшість можливостей, перелічених нижче, можна також додати до VS Code у вигляді розширень, що робить його дуже налаштовним редактором!
20
+
[VS Code](https://code.visualstudio.com/) – один з найпопулярніших редакторів, що використовуються сьогодні. У нього великий асортимент розширень, він добре інтегрується з популярними платформами штибу GitHub. Більшість перелічених нижче функцій можна також додати до VS Code як розширення, тож у VS Code потужні можливості щодо налаштування!
21
21
22
22
Серед інших популярних текстових редакторів, що використовуються в спільноті React:
23
23
@@ -31,16 +31,16 @@ title: Налаштування редактора
31
31
32
32
### Статична перевірка коду {/*linting*/}
33
33
34
-
Лінтери (інструменти статичної перевірки) коду знаходять проблеми у вашому коді при його написанні, допомагаючи зразу їх виправити. [ESLint](https://eslint.org/) – популярний лінтер для JavaScript з відкритим кодом.
34
+
Лінтери (інструменти статичної перевірки) знаходять проблеми у вашому коді при його написанні, допомагаючи відразу їх виправити. [ESLint](https://eslint.org/) – популярний лінтер для JavaScript з відкритим кодом.
35
35
36
36
*[Встановіть ESLint із рекомендованими налаштуваннями для React](https://www.npmjs.com/package/eslint-config-react-app) (перевірте, що у вас [встановлено Node!](https://nodejs.org/en/download/current/))
37
37
*[Інтегруйте ESLint у VSCode за допомогою офіційного розширення](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
38
38
39
-
**Пересвідчіться, що ввімкнули у своєму проєкті всі правила [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks).** Вони критичні, адже зразу відловлюють найнеприємніші дефекти. Рекомендований набір налаштувань [`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) також їх вміщає.
39
+
**Пересвідчіться, що ввімкнули у своєму проєкті всі правила [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks).** Вони є базовими, адже зразу відловлюють найсуттєвіші дефекти. Рекомендований набір налаштувань [`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) також їх містить.
40
40
41
41
### Форматування {/*formatting*/}
42
42
43
-
Останнє, чого хочеться – щоб при взаємодії в коді з іншим розробником почалася суперечка про [табуляції проти пробілів](https://www.google.com/search?q=tabs+vs+spaces)! На щастя, [Prettier](https://prettier.io/) може почистити ваш код, відформатувавши його для відповідності набору налаштувань, налаштовним правилам. Запустіть Prettier, і всі ваші табуляції будуть перетворені на пробіли, а також ваші відступи, лапки тощо також будуть змінені згідно з налаштуваннями. У випадку ідеального налаштування Prettier спрацьовує при збереженні файлу, швидко застосовуючи свої редагування.
43
+
Не хотілося б, щоб під час взаємодії в коді з іншим розробником почалася суперечка про [табуляції проти пробілів](https://www.google.com.ua/search?q=%D1%82%D0%B0%D0%B1%D1%83%D0%BB%D1%8F%D1%86%D1%96%D1%8F+%D1%87%D0%B8+%D0%BF%D1%80%D0%BE%D0%B1%D1%96%D0%BB%D0%B8&lr=(-lang_ru))! На щастя, [Prettier](https://prettier.io/) може почистити ваш код, відформатувавши його відповідно до набору налаштувань, конфігурованих правил. Запустіть Prettier, і всі ваші табуляції будуть перетворені на пробіли, а також ваші відступи, лапки тощо також будуть змінені згідно з конфігурацією. Бувши налаштованим ідеально, Prettier спрацьовує під час збереження файлу, виправляючи його замість вас.
44
44
45
45
Встановити [розширення Prettier у VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) можна за допомогою таких кроків:
46
46
@@ -59,4 +59,4 @@ title: Налаштування редактора
59
59
4. У панелі пошуку надрукуйте "format on save"
60
60
5. Перевірте, що опція "format on save" має галочку!
61
61
62
-
> Якщо ваш набір налаштувань ESLint має правила форматування, то вони можуть конфліктувати з Prettier. Ми радимо вимикати всі правила форматування в наборах налаштувань ESLint за допомогою [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier), щоб ESLint використовувався *лише* для полювання на логічні помилки. Якщо ви хочете зробити форматування обов'язковим перед злиттям запиту на злиття, використовуйте в своїй неперервній інтеграції [`prettier --check`](https://prettier.io/docs/en/cli.html#--check).
62
+
> Якщо ваш набір налаштувань ESLint має правила форматування, то вони можуть конфліктувати з Prettier. Ми радимо вимикати всі правила форматування в наборах налаштувань ESLint за допомогою [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier), щоб ESLint використовувався *лише* для відловлювання помилок логіки коду. Якщо ви хочете обов'язково форматувати файли у PR перед злиттям, використовуйте у своїй неперервній інтеграції [`prettier --check`](https://prettier.io/docs/en/cli.html#--check).
0 commit comments