Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 <p><strong><a>Атом</a>- популярный бесплатный редактор кода, созданный разработчиками GitHub'а для программистов. Он активно развивается, для него есть сотни плагинов, его легко настраивать под свои нужды.</strong></p>

2 <p>Атом построен на технологии<a>Electron</a>, поэтому он работает на Windows, Linux и macOS. Среди базовых возможностей редактора, доступных сразу после установки:</p>

3 <ul><li>подсветка синтаксиса для множества популярных языков и файловых форматов</li>

4 <li>удобная навигация</li>

5 <li>встроенный предпросмотр<a>Markdown</a></li>

6 <li>умное автодополнение</li>

7 <li>встроенный пакетный менеджер</li>

8 </ul><p>Пакетный менеджер нужен для установки и удаления пакетов расширений (плагинов). Для удобной разработки на JavaScript для бэкенда и фронтенда нужно установить несколько пакетов.</p>

9 <p>Для установки нового пакета зайдите в настройках во вкладку "Install", введите название пакета в строке поиска, нажмите кнопку "Install".</p>

10 <h2>Содержание</h2>

11 <ul><li><a>Стандарты кодирования</a></li>

12 <li><a>Автоматическое дополнение</a></li>

13 <li><a>Автоматическое дополнение файлов и модулей</a></li>

14 <li><a>Переход на определения</a></li>

15 </ul><h2>Стандарты кодирования</h2>

16 <p><strong>Eslint</strong>- это утилита, проверяющая стандарты кодирования на JavaScript. Стандарт де-факто в мире JS.</p>

17 <p>Нужно сначала установить eslint в системе, а потом установить расширение Атома, которое будет использовать установленный линтер. Есть разные способы интеграции линтера с расширением. Мы рассмотрим установку линтера глобально в системе.</p>

18 <ol><li><p>Установите Node.js используя<a>пакетный менеджер вашей операционной системы</a>.</p>

19 </li>

20 <li><p>Установите eslint командой npm install -g eslint. Вероятно, вам понадобится использовать sudo.</p>

21 </li>

22 <li><p>Установите плагины, которые конфигурируют eslint. Без них (по умолчанию) eslint ничего не проверяет.</p>

23 </li>

24 <li><p>eslint требует наличия конфигурационного файла. Создайте в корне вашего проекта файл .eslintrc.yml со следующим содержанием:</p>

25 </li>

26 <li><p>Установите расширение "<a>linter-eslint</a>" в Атоме.</p>

27 </li>

28 <li><p>Отметьте галочку<em>Use Global Eslint</em>в настройках расширения (Settings -> Packages -> Linter Eslint).</p>

29 </li>

30 </ol><h2>Автоматическое дополнение</h2>

31 <p>Встроенное автодополнение в редакторе работает по самой примитивной схеме, анализируя содержимое файлов. С помощью сторонней утилиты "tern" можно добиться более продвинутого поведения. "tern" умеет:</p>

32 <ul><li>подсказывать аргументы функции</li>

33 <li>определять тип выражения</li>

34 <li>находить определение чего-нибудь</li>

35 <li>проводить автоматический рефакторинг</li>

36 </ul><p>Расширение Атома<a>atom-ternjs</a>не требует установки ничего другого и работает само по себе.</p>

37 <h2>Автоматическое дополнение файлов и модулей</h2>

38 <p>Полезное расширение<a>autocomplete-modules</a>автоматически дополняет название файлов и модулей при импорте.</p>

39 <h2>Переход на определения</h2>

40 <p><a>js-hyperclick</a>позволяет быстро перемещаться к определению функции или переменной по клику.</p>

41 <p>Валерия Белякова</p>

42 <p>год назад</p>