Visual Studio Code — один из самых популярных редакторов кода. Он бесплатный, с открытым исходным кодом и разработан компанией Microsoft. Доступен для разных платформ. Список поддерживаемых операционных систем: code.visualstudio.com.
Интерфейс пользователя
После запуска отображается приветственное окно, позволяющее создать новый файл, открыть папку или клонировать репозиторий Git. Также отображаются недавние проекты. Рассмотрим графический интерфейс.
Слева расположены:
- Обозреватель файлов: Отображает структуру проекта.
- Поиск: Поиск по файлам проекта.
- Система управления версиями: Интегрированная поддержка Git.
- Запуск и отладка: Инструменты для запуска и отладки кода.
- Расширения: Менеджер расширений для установки, обновления и управления дополнениями. Расширения значительно расширяют функциональность VS Code.
Необходимо открыть папку с файлами. Нажмите «Открыть папку» и выберите папку. Например, папку «images gallery» на рабочем столе. В обозревателе файлов отобразятся подпапки и файлы. Папки можно разворачивать и сворачивать. Для просмотра или редактирования файла достаточно кликнуть по нему. При редактировании рядом с именем файла появится точка, указывающая на внесенные изменения. Изменения отменяются сочетанием клавиш Cmd+Z (Mac) или Ctrl+Z (Windows).
Работа с открытыми файлами:
- Одиночный клик временно открывает файл, отображая его имя курсивом.
- Двойной клик открывает и оставляет файл открытым.
- Закрытие файлов: кнопка «Закрыть все открытые редакторы», кнопка закрытия отдельного файла или меню «Открытые редакторы».
- Папки сворачиваются/разворачиваются индивидуально или все сразу.
- Панель обозревателя файлов скрывается сочетанием клавиш Cmd+B (Mac) или Ctrl+B (Windows).
Создание и удаление файлов и папок:
В обозревателе файлов есть кнопки для создания новых файлов и папок. Удаление файла или папки: контекстное меню или сочетания клавиш (Cmd/Ctrl + Delete).
Настройка и помощь
VS Code имеет встроенную справочную систему. В меню «Справка»:
- Приветственное окно: Как при запуске.
- Начало работы: Руководство по настройке и основным функциям.
Настройка темы
В разделе «Начало работы» можно настроить внешний вид, используя встроенный селектор тем или устанавливая дополнительные темы через менеджер расширений. Настройка также доступна через меню Код > Настройки > Тема цветов.
Настройка значков файлов
Настройка темы значков файлов доступна в настройках Код > Настройки > Тема значков файлов.
Поддержка языков программирования
VS Code поддерживает более 50 языков программирования, для каждого из которых доступны специализированные расширения.
Синхронизация настроек
VS Code позволяет синхронизировать настройки между различными экземплярами.
Дополнительные функции
- Палитра команд (Cmd/Ctrl + Shift + P): Быстрое выполнение различных действий.
- Интегрированный терминал (Ctrl + ~): Работа с командной строкой в редакторе. Можно открывать и переключаться между несколькими терминалами.
- Расширения: Расширение функциональности VS Code.
- Настройки: Настройка аспектов работы VS Code. Настройки делятся на пользовательские (общие для всех проектов) и настройки рабочей области (специфичные для текущего проекта). Хранятся в файле settings.json в папке .vscode проекта.
- Интерактивная игровая площадка: Изучение функций VS Code в интерактивном режиме (переименование функций (F2), использование сниппетов (Emmet) и др.).
- Сочетания клавиш (Код > Настройки > Сочетания клавиш): Список сочетаний клавиш.
Этот краткий обзор основных функций Visual Studio Code поможет начать работу. Установите необходимые расширения, выберите подходящую тему и начните создавать проекты. Использование сочетаний клавиш повысит продуктивность.