Kodokon kodokon.com

Установка и настройка редактора кода

Выбери подходящий редактор, установи его и примени горстку настроек, которые меняют всё.

6 мин · 3 вопросов

Открыть этот урок в Kodokon

Раз код - это текст, технически хватило бы и Блокнота. На практике редактор кода сэкономит тебе уйму времени и убережёт от десятков ошибок. Это не инструмент для профессионалов и посвящённых: как раз в начале пути он помогает сильнее всего, потому что подсвечивает промахи, которые твой глаз пока не ловит.

Четыре возможности сами по себе оправдывают установку. Подсветка синтаксиса показывает ключевые слова, текст и числа разными цветами: незакрытая строка сразу бросается в глаза. Автоматические отступы выравнивают код, чтобы структура оставалась читаемой. Автодополнение предлагает продолжение прямо во время набора, а это убивает опечатки. И наконец, подчёркивание ошибок выделяет проблемы ещё до того, как ты запустил программу.

Какой выбрать? Для начала бери Visual Studio Code, который часто сокращают до VS Code. Он бесплатный, работает в Windows, macOS и Linux и распространён шире всех остальных: любой туториал, который ты прочтёшь, будет исходить из него. Скачивай его только с официального сайта code.visualstudio.com. Две альтернативы, если хочется иначе: Zed и Sublime Text, оба полегче. Не трать три дня на сравнение: редактор - это всего лишь инструмент, и ты всегда сможешь его сменить.

В установке нет никаких сюрпризов: скачай файл, запусти его, соглашайся с настройками по умолчанию. В Windows галочка предложит добавить пункт «Открыть с помощью Code» в меню правой кнопки мыши: поставь её, вещь и правда удобная. При первом запуске редактор предложит светлую или тёмную тему. Выбери ту, от которой глаза устают меньше, никаких других последствий у этого нет.

Вот самая важная привычка из этого урока: всегда открывай папку, а не отдельный файл. Используй File, затем Open Folder (в русском интерфейсе - «Файл», затем «Открыть папку») и укажи папку своего проекта. Тогда редактор покажет всё дерево каталогов в боковой панели, сможет искать сразу по всем твоим файлам и поймёт, как они связаны между собой. Открыть одинокий файл - всё равно что читать страницу, вырванную из книги.

JSON
{
  "files.encoding": "utf8",
  "files.eol": "\n",
  "files.autoSave": "afterDelay",
  "editor.tabSize": 2,
  "editor.renderWhitespace": "boundary"
}
Рекомендуемые настройки VS Code: UTF-8, концы строк LF и отступ в 2 пробела.

Проверка знаний

Убедись, что запомнил ключевые моменты этого урока.

  1. Чем подсветка синтаксиса помогает новичку?
    • Она делает ошибки видимыми, например незакрытую строку
    • Она ускоряет выполнение программы
    • Она сохраняет файл автоматически
    • Она переводит код на русский язык
  2. Что нужно открыть в редакторе, чтобы работать над проектом?
    • Всю папку проекта целиком
    • По одному файлу за раз
    • Диск целиком
  3. Как правильно относиться к расширениям в начале пути?
    • Не ставить ни одного, а потом добавлять по мере необходимости
    • Сразу поставить двадцать самых популярных
    • Поставить все, чтобы ничего не упустить