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
+9-10Lines changed: 9 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,10 +1,9 @@
1
1
---
2
2
title: Настройка редактора
3
3
---
4
-
5
4
<Intro>
6
5
7
-
Правильно настроенный редактор кода может сделать его более читаемым и ускорить написание. Он даже может помочь вам ловить ошибки по мере их написания! Если вы настраиваете редактор впервые или хотите улучшить свой текущий редактор, у нас есть несколько рекомендаций.
6
+
Правильно настроенный редактор кода делает его более читаемым и ускоряет написание. Он даже может помочь вам находить ошибки по мере их написания! Если вы настраиваете редактор впервые или хотите улучшить свой текущий редактор, у нас есть несколько рекомендаций.
8
7
9
8
</Intro>
10
9
@@ -17,21 +16,21 @@ title: Настройка редактора
17
16
18
17
## Ваш редактор {/*your-editor*/}
19
18
20
-
[VS Code](https://code.visualstudio.com/) — один из самых популярных редакторов на сегодняшний день. Он имеет большую маркетплейс расширений и хорошо интегрируется с популярными сервисами, такими как GitHub. Большинство функций, перечисленных ниже, также могут быть добавлены в VS Code в виде расширений, что делает его очень настраиваемым!
19
+
[VS Code](https://code.visualstudio.com/) — один из самых популярных редакторов на сегодняшний день. Он имеет большую торговую площадку расширений и хорошо интегрируется с популярными сервисами, такими как GitHub. Большинство функций, перечисленных ниже, также могут быть добавлены в VS Code в виде расширений, что делает его легко настраиваемым!
21
20
22
21
Другие популярные текстовые редакторы, используемые в сообществе React, включают:
23
22
24
-
*[WebStorm](https://www.jetbrains.com/webstorm/) — это интегрированная среда разработки, специально разработанная для JavaScript.
25
-
*[Sublime Text](https://www.sublimetext.com/) поддерживает JSX и TypeScript, а также подсветку синтаксиса и автодополнение.
26
-
*[Vim](https://www.vim.org/) — это высоко настраиваемый текстовый редактор, созданный для эффективного создания и изменения любого типа текста. Он включен как "vi" в большинстве UNIX-систем и в Apple OS X.
23
+
*[WebStorm](https://www.jetbrains.com/webstorm/) — это интегрированная среда разработки, разработанная специально для JavaScript.
24
+
*[Sublime Text](https://www.sublimetext.com/) поддерживает JSX и TypeScript, имеет встроенную [подсветку синтаксиса](https://stackoverflow.com/a/70960574/458193) и автодополнение.
25
+
*[Vim](https://www.vim.org/) — это высоко настраиваемый текстовый редактор, созданный для эффективного создания и изменения любого типа текста. Он включен как "vi" в большинство UNIX-систем и в Apple OS X.
27
26
28
27
## Рекомендуемые функции текстового редактора {/*recommended-text-editor-features*/}
29
28
30
-
Некоторые редакторы поставляются с этими функциями встроенными, но для других может потребоваться установка расширения. Проверьте, какую поддержку предоставляет выбранный вами редактор, чтобы быть уверенным!
29
+
Некоторые редакторы поставляются с этими функциями встроенными, но другие могут потребовать установки расширения. Проверьте, какую поддержку предоставляет выбранный вами редактор, чтобы быть уверенным!
31
30
32
31
### Линтинг {/*linting*/}
33
32
34
-
Линтеры кода находят проблемы в вашем коде по мере его написания, помогая исправить их на ранней стадии. [ESLint](https://eslint.org/) — популярный линтер с открытым исходным кодом для JavaScript.
33
+
Линтеры кода находят проблемы в вашем коде по мере его написания, помогая исправить их на ранней стадии. [ESLint](https://eslint.org/) — это популярный, с открытым исходным кодом линтер для JavaScript.
35
34
36
35
*[Установите ESLint с рекомендуемой конфигурацией для React](https://www.npmjs.com/package/eslint-config-react-app) (убедитесь, что у вас установлен [Node!](https://nodejs.org/en/download/current/))
37
36
*[Интегрируйте ESLint в VSCode с официальным расширением](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
@@ -40,7 +39,7 @@ title: Настройка редактора
40
39
41
40
### Форматирование {/*formatting*/}
42
41
43
-
Последнее, что вы хотите делать при обмене кодом с другим участником, — это вступать в дискуссию о [табуляции или пробелах](https://www.google.com/search?q=tabs+vs+spaces)! К счастью, [Prettier](https://prettier.io/)очистит ваш код, переформатировав его в соответствии с заданными, настраиваемыми правилами. Запустите Prettier, и все ваши табуляции будут преобразованы в пробелы, а также будут изменены отступы, кавычки и т. д. в соответствии с конфигурацией. В идеальной настройке Prettier будет запускаться при сохранении файла, быстро внося эти изменения для вас.
42
+
Последнее, что вы хотите делать при обмене кодом с другим участником, — это вступать в дискуссию о [табуляции или пробелах](https://www.google.com/search?q=tabs+vs+spaces)! К счастью, [Prettier](https://prettier.io/)приведет ваш код в порядок, переформатировав его в соответствии с заданными настраиваемыми правилами. Запустите Prettier, и все ваши табуляции будут преобразованы в пробелы, а отступы, кавычки и т. д. также будут изменены в соответствии с конфигурацией. В идеальной настройке Prettier будет запускаться при сохранении файла, быстро внося эти изменения для вас.
44
43
45
44
Вы можете установить [расширение Prettier в VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode), выполнив следующие шаги:
46
45
@@ -59,4 +58,4 @@ title: Настройка редактора
59
58
4. В строке поиска введите "format on save"
60
59
5. Убедитесь, что опция "format on save" отмечена!
61
60
62
-
> Если ваш пресет ESLint содержит правила форматирования, они могут конфликтовать с Prettier. Мы рекомендуем отключить все правила форматирования в вашем пресете ESLint с помощью [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier), чтобы ESLint использовался *только* для обнаружения логических ошибок. Если вы хотите гарантировать, что файлы будут отформатированы перед слиянием pull request, используйте [`prettier --check`](https://prettier.io/docs/en/cli.html#--check) для вашей непрерывной интеграции.
61
+
> Если ваш пресет ESLint содержит правила форматирования, они могут конфликтовать с Prettier. Мы рекомендуем отключить все правила форматирования в вашем пресете ESLint с помощью [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier), чтобы ESLint использовался *только* для обнаружения логических ошибок. Если вы хотите гарантировать, что файлы будут отформатированы перед слиянием pull request, используйте [`prettier --check`](https://prettier.io/docs/en/cli.html#--check) для вашей системы непрерывной интеграции.
0 commit comments