Настройка окружения разработчика

VS Code, Git, Node.js — установка и проверка на Windows и Linux/macOS.

Шаг 1 из 4Практика

Шаг 1 — Редактор кода: VS Code

Код — это обычный текст. Его можно писать хоть в Блокноте. Но редактор кода — это специальная программа, которая понимает код:

Самый популярный бесплатный редактор — Visual Studio Code (сокращённо VS Code) от Microsoft.

Подробные шаги для твоей системы — в схеме справа (выбери вкладку Windows или Linux).

После установки зайди в меню Extensions (иконка квадратиков слева, или Ctrl+Shift+X) и найди эти расширения по имени:

Нашёл расширение → нажми Install.

Чем редактор кода лучше обычного Блокнота?

StudyCode

Зачем нужен редактор кода?

Подсвечивает разные части кода разными цветами — легче читать

Подчёркивает ошибки красным ещё до запуска

Подсказывает что написать дальше (автодополнение)

Показывает где закрывающая скобка к открывающей

Самый популярный бесплатный редактор — Visual Studio Code (сокращённо VS Code) от Microsoft.

Установка VS Code

Открой браузер и перейди на code.visualstudio.com

Нажми большую синюю кнопку скачивания

Запусти скачанный файл и следуй установщику (везде жми «Далее»)

После установки открой VS Code — увидишь тёмный экран с приветствием

Подробные шаги для твоей системы — в схеме справа (выбери вкладку Windows или Linux).

Расширения: делают редактор умнее

После установки зайди в меню Extensions (иконка квадратиков слева, или Ctrl+Shift+X) и найди эти расширения по имени:

Prettier — автоматически выравнивает код при сохранении

ESLint — подсвечивает ошибки в JavaScript прямо в тексте

Нашёл расширение → нажми Install.