Поделиться через


Знакомство с интегрированной средой разработки Visual Studio

В этой 5-10 минуте введение в интегрированную среду разработки Visual Studio (IDE) мы рассмотрим некоторые окна, меню и другие функции пользовательского интерфейса.

Если вы еще не установили Visual Studio, перейдите на страницу скачивания Visual Studio, чтобы бесплатно установить ее.

Окно запуска

Первое, что вы увидите после запуска Visual Studio, — это окно запуска. Окно запуска помогает быстрее добраться до кода. Оно отображает параметры, чтобы закрыть или извлечь код, открыть существующий проект или решение, создать новый проект или просто открыть папку, содержащую некоторые файлы кода.

Screenshot of the start window in Visual Studio 2022.

Screenshot of the start window in Visual Studio 2019.

Если вы используете Visual Studio впервые, список последних проектов будет пустым.

Если вы работаете с базами кода, отличными от MSBuild, используйте параметр "Открыть локальную папку ", чтобы открыть код в Visual Studio. Дополнительные сведения см. в статье Разработка кода в Visual Studio без использования проектов и решений. Или вы можете создать новый проект или клонировать проект из поставщика источника, например GitHub или Azure DevOps.

Вариант Продолжить без кода просто открывает среду разработки Visual Studio без конкретного проекта или кода. Вы можете выбрать этот параметр, чтобы присоединиться к сеансу Live Share или к процессу для отладки. Нажмите ESC, чтобы закрыть окно запуска и открыть интегрированную среду разработки.

Создание проекта

Чтобы продолжить изучение функций Visual Studio, давайте создадим новый проект.

  1. В окне запуска выберите "Создать проект", а затем в поле поиска в javascript или typescript , чтобы отфильтровать список типов проектов на те, которые содержат "javascript" или "typescript" в их имени или языковом типе.

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

    Screenshot of search for project templates on Visual Studio start window.

    Screenshot of search for project templates on Visual Studio start window.

  1. Выберите шаблон проекта приложения JavaScript Express и нажмите кнопку "Далее".
  1. Выберите шаблон проекта Пустое веб-приложение Node.js и нажмите Далее.
  1. В открывшемся диалоговом окне Настроить новый проект оставьте имя проекта по умолчанию и нажмите Создать.

    Проект создан. В правой области выберите app.js, чтобы открыть файл в окне редактора. В редакторе отображаются содержимое файлов и вы можете выполнять большую часть работы по программированию в Visual Studio.

    Screenshot of editor in Visual Studio.

    Будет создан проект. В окне редактора откроется файл с именем server.js. В редакторе отображаются содержимое файлов и вы можете выполнять большую часть работы по программированию в Visual Studio.

    Screenshot of editor in Visual Studio.

Обозреватель решений

В обозревателе решений, который обычно находится в правой части Visual Studio, отображается графическое представление иерархии файлов и папок в проекте, решении или папке с кодом. В обозревателе решений можно просматривать эту иерархию и переходить к нужным файлам.

Screenshot of Solution Explorer in Visual Studio.

Screenshot of Solution Explorer in Visual Studio.

В меню в верхней части Visual Studio сгруппированы команды по категориям. Например, в меню Проект содержатся команды, связанные с проектом, над которым вы работаете. В меню Инструменты можно настроить Visual Studio, выбрав Параметры. Также можно включить в установку нужные компоненты, выбрав Получить средства и компоненты.

Screenshot of menu bar in Visual Studio.

Screenshot of menu bar in Visual Studio.

Откроем окно Список ошибок, выбрав в меню Представление пункт Список ошибок.

Список ошибок

Список ошибок содержит ошибки, предупреждения и сообщения о текущем состоянии кода. Если в файле или любой другой части проекта будут обнаружены ошибки (например, отсутствуют скобки или точка с запятой), они будут перечислены здесь.

Screenshot of Error List in Visual Studio.

Screenshot of Error List in Visual Studio.

Окно выходных данных

В окне вывода отображаются выходные сообщения от процесса сборки проекта и поставщика системы управления версиями.

Давайте создадим проект, чтобы просмотреть некоторые выходные данные сборки. В меню Построение выберите пункт Построить решение. Окно Вывод автоматически получает фокус и отображает сообщение об успешном выполнении сборки.

Screenshot of Output window in Visual Studio.

Screenshot of Output window in Visual Studio.

Поле поиска — это быстрый и простой способ для выполнения разных операций в Visual Studio. Сюда можно вводить текст, связанный с тем, что вы планируете делать, чтобы получить список соответствующих возможностей. Предположим, нам нужно детализировать выходные данные о сборке, чтобы отобразить дополнительные сведения о функциях нашей сборки. Вот как это можно сделать:

  1. Если поле поиска не отображается, нажмите клавиши CTRL+Q , чтобы открыть его.

  2. Введите детализация в поле поиска. В отображаемых результатах выберите "Проекты и решения"> — "Сборка и запуск".

    Screenshot of the Search box in Visual Studio.

    Screenshot of the Search box in Visual Studio.

    На странице Сборка и запуск откроется диалоговое окно Параметры.

  3. В разделе Степень подробности сообщений при сборке проекта MSBuild выберите значение Обычная и нажмите кнопку ОК.

  4. Создайте проект еще раз, щелкнув проект правой кнопкой мыши в Обозреватель решений и выбрав "Перестроить" в контекстном меню.

    На этот раз в окне вывода отображается более подробное ведение журнала из процесса сборки.

    Screenshot of verbose build output in Visual Studio.

    Screenshot of verbose build output in Visual Studio.

Меню "Отправить отзыв"

Если у вас возникли проблемы при применении Visual Studio или есть предложения по улучшению этого продукта, вы можете использовать меню Отправить отзыв в верхней части окна Visual Studio.

Screenshot of Send Feedback menu in Visual Studio.

Screenshot of Send Feedback menu in Visual Studio.

Следующие шаги

Мы рассмотрели лишь некоторые из возможностей Visual Studio, чтобы вы могли получить представление о пользовательском интерфейсе. Для дальнейшего ознакомления:

См. также