К практике
НачальныйVS CodeGitNode.js
🛠️JuniorVS CodeGitNode.jsтерминалокружение
Настройка окружения разработчика
VS Code, Git, Node.js — установка и проверка на Windows и Linux/macOS.
🛠️Настройка окружения — набор инструментов0/4 готово
📝
VS Code
Редактор кода
🌿
Git
Контроль версий
⬡
Node.js
JavaScript вне браузера
📦
npm
Менеджер пакетов
Прогресс установки0/4
Расширения VS Code (Ctrl+Shift+X)
▸
Prettier — Автоформатирование кода
▸
ESLint — Подсвечивает ошибки JS/TS
▸
GitLens — История изменений в коде
▸
Error Lens — Ошибки прямо в строке кода
Шаг 1 из 4Практика
1
Шаг 1 — Редактор кода: VS Code
Зачем нужен редактор кода?
Код — это обычный текст. Его можно писать хоть в Блокноте. Но редактор кода — это специальная программа, которая понимает код:
- Подсвечивает разные части кода разными цветами — легче читать
- Подчёркивает ошибки красным ещё до запуска
- Подсказывает что написать дальше (автодополнение)
- Показывает где закрывающая скобка к открывающей
Самый популярный бесплатный редактор — Visual Studio Code (сокращённо VS Code) от Microsoft.
Установка VS Code
- Открой браузер и перейди на code.visualstudio.com
- Нажми большую синюю кнопку скачивания
- Запусти скачанный файл и следуй установщику (везде жми «Далее»)
- После установки открой VS Code — увидишь тёмный экран с приветствием
Подробные шаги для твоей системы — в схеме справа (выбери вкладку Windows или Linux).
Расширения: делают редактор умнее
После установки зайди в меню Extensions (иконка квадратиков слева, или Ctrl+Shift+X) и найди эти расширения по имени:
- Prettier — автоматически выравнивает код при сохранении
- ESLint — подсвечивает ошибки в JavaScript прямо в тексте
Нашёл расширение → нажми Install.
Чем редактор кода лучше обычного Блокнота?