Упражнение. Изучение пользовательского интерфейса Visual Studio Code
Visual Studio Code предоставляет инструменты для разработчиков, которые только начинают, при этом имеющие возможность расширения и достаточно сложные для профессиональных разработчиков.
В этом упражнении вы откройте Visual Studio Code и выполните краткий обзор пользовательского интерфейса.
Откройте Visual Studio Code и просмотрите страницу приветствия
Используйте меню "Пуск" Windows, чтобы открыть Visual Studio Code.
Если открыть меню "Пуск Windows", вы увидите Visual Studio Code, указанное в качестве недавно добавленного приложения. Вы также можете прокрутить вниз, чтобы найти Visual Studio Code.
Другой вариант — ввести Visual Studio Code в поле поиска Windows в области запуска в нижней части экрана.
Обратите внимание, что Visual Studio Code открывается на странице приветствия, которая содержит некоторые ссылки и другие сведения.
При первом открытии Visual Studio Code на странице приветствия отображаются некоторые полезные пошаговые руководства, такие как начало работы с содержимым VS Code . Эти сведения можно изучить в другой раз.
Чтобы закрыть страницу приветствия, нажмите кнопку "Закрыть" (отображается как X в интерфейсе).
Каждая страница, открытая в редакторе, включает кнопку закрытия (X), расположенную справа от заголовка страницы. Вкладка "Приветствие " отображается в левой верхней части окна Visual Studio Code под главной меню. Если наведите указатель мыши на X, появится слово Close .
Проверка панели действий и боковой панели
Обратите внимание, что боковая панель, расположенная справа от панели действий, находится в свернутом состоянии.
Можно вспомнить, что панель действий — это вертикальный список значков в левом углу окна Visual Studio Code. Содержимое боковой панели зависит от того, что в данный момент выбрано в строке действий.
Наведите указатель мыши на панель действий, а затем наведите указатель мыши на каждый из значков, чтобы отобразить метки.
Метка отображается при наведении указателя мыши на значки. На следующем рисунке должны появиться кнопки панели действий:
Сверху вниз значки панели действий: обозреватель, поиск, управление версиями, запуск и отладка, расширения, учетные записи и управление.
На панели действий выберите обозреватель.
Боковая панель должна открывать и отображать контекстную информацию.
Обратите внимание, что боковая панель теперь помечена как EXPLORER.
Представление EXPLORER используется для доступа к папкам проекта и файлам кода.
Visual Studio Code запоминает журнал работы и открывает последние файлы проекта при открытии. Так как это первый раз, когда вы открыли Visual Studio Code, папка проекта не открыта.
На панели действий выберите "Расширения".
Обратите внимание, что боковая панель теперь помечена расширениями.
Рассмотрим сведения, отображаемые в представлении EXTENSIONS .
Расширения Visual Studio Code позволяют добавлять языки программирования, отладчики и другие средства в среду в поддержку рабочего процесса разработки. Далее в этом модуле вы установите расширение C#.
На панели действий, чтобы закрыть боковую панель EXTENSIONS , выберите "Расширения".
Проверка параметров верхнего меню
Чтобы просмотреть параметры меню "Файл", выберите "Файл".
Обратите внимание на параметры "Создать", "Открыть", " Сохранить" и "Закрыть ", перечисленные в меню "Файл ".
Потратьте минуту на изучение параметров меню "Изменить", а затем каждого из других элементов меню верхнего уровня.
Обратите внимание, что несколько меню включают параметры взаимодействия с кодом.
Рассмотрим пример.
- Меню "Изменить" включает параметры поиска, замены и переключения комментариев кода, а также стандартного вырезания, копирования, вставки, отмены и повтора.
- Меню "Выбор" включает параметры выбора и управления строками кода.
- Меню "Запуск" включает параметры для запуска и отладки приложения.
В меню "Терминал " выберите "Новый терминал".
Просмотрите содержимое панели терминала.
Вы можете переключаться между вкладками (ПРОБЛЕМЫ, ВЫХОДНЫЕ ДАННЫЕ, КОНСОЛЬ ОТЛАДКИ и ТЕРМИНАЛ) и навести указатель мыши на кнопки (в правом верхнем углу), чтобы отобразить метки кнопки.
Обратите внимание, что панель терминала содержит командную строку.
Панель терминала может использоваться для выполнения команд интерфейса командной строки (CLI). Далее в этом модуле вы будете использовать команды CLI .NET.
В правом верхнем углу панели терминала выберите X (Закрыть панель).
В меню "Вид " выберите палитру команд
Палитра команд может использоваться для поиска и выполнения всех полезных команд. У вас нет времени (или необходимости), чтобы подробно изучить их сейчас, но хорошо знать, где найти палитру команд.
В палитре команд введите расширения
Обратите внимание, что список команд фильтруется на основе записи.
Чтобы обновить отфильтрованный список команд, измените расширения на помощь
В списке параметров команды выберите "Справка: интерактивная площадка редактора".
В открываемом в редакторе документе "Детская площадка редактора" содержится список интерактивных действий.
В маркированном списке интерактивных действий выберите "Форматирование".
Ознакомьтесь с параметрами форматирования.
Вы будете использовать команды форматирования кода во время действий, как вы узнаете больше о программировании на C#.
Закройте документ "Песочница редактора".
Это завершит обзор пользовательского интерфейса Visual Studio Code. После начала написания кода учебные материалы по-прежнему указывают на способы повышения производительности Visual Studio Code.