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


Введение в интегрированную среду разработки Visual Studio (Visual Basic)

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

Снимок экрана интегрированной среды разработки Visual Studio 2019 с кодом Visual Basic.

Снимок экрана интегрированной среды разработки Visual Studio с кодом Visual Basic и ключевыми возможностями.

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

  • Справа в верхнем углу окна Обозревателя решений вы можете просматривать файлы кода, перемещаться по ним и управлять ими. Обозреватель решений позволяет упорядочить код путем объединения файлов в решения и проекты.

  • В центральном окне редактора, с которым вы, вероятно, будете работать дольше всего, отображается содержимое файла. В окне редактора вы можете вносить изменения в код или разрабатывать пользовательский интерфейс, например окно с кнопками или текстовые поля.

  • Окно Изменения Git в нижнем углу справа позволяет отслеживать рабочие элементы и предоставлять общий доступ к коду, используя Git, GitHub или другие технологии управления версиями.

Выпуски

Служба Visual Studio доступна для Windows и Mac. Функции Visual Studio для Mac во многом аналогичны возможностям Visual Studio для Windows и оптимизированы для разработки кросс-платформенных и мобильных приложений. Эта статья посвящена версии Visual Studio для Windows.

Существует три выпуска Visual Studio: Community, Professional и Enterprise. Сведения о функциях, поддерживаемых в каждом выпуске, см. на странице Сравнение выпусков Visual Studio.

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

  • Волнистые линии и быстрые действия

    Волнистые линии обозначают ошибки или потенциальные проблемы кода прямо во время ввода. Эти визуальные подсказки помогают немедленно устранить проблемы, не дожидаясь появления ошибок во время сборки или выполнения. Если навести указатель мыши на волнистую линию, на экран будут выведены дополнительные сведения об ошибке. Лампочка может также появиться в левом поле с краткими действиями , которые можно предпринять для устранения ошибки.

    Снимок экрана: подчеркивание волнистой линией в Visual Studio.

    Снимок экрана: подчеркивание волнистой линией в Visual Studio.

  • Рефакторинг

    Рефакторинг включает в себя такие операции, как интеллектуальное переименование переменных, извлечение одной или нескольких строк кода в новый метод и изменение порядка параметров методов.

    Снимок экрана: меню

    Снимок экрана: меню

  • IntelliSense

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

    На следующем рисунке показано, как IntelliSense отображает список членов типа:

    Снимок экрана: список элементов IntelliSense.

    Снимок экрана: список элементов IntelliSense.

    Функции IntelliSense зависят от языка. Дополнительные сведения см. в руководствах по IntelliSense для C# , IntelliSense для Visual C++, IntelliSense для JavaScript и IntelliSense для Visual Basic.

  • Поиск Visual Studio

    Иногда вам будет казаться, что в Visual Studio слишком много меню, действий и свойств. Чтобы быстро находить функции интегрированной среды разработки или элементы кода, в Visual Studio представлен единый компонент поиска (CTRL+Q).

    Когда вы начнете вводить в поле то, что вы ищете, Visual Studio представит результаты, один из которых точно вам подойдет. Если необходимо добавить функциональную возможность, например другой язык программирования, можно открыть Visual Studio Installer из поля поиска, чтобы установить рабочую нагрузку или компонент.

    Снимок экрана: поле поиска быстрого запуска в Visual Studio 2019.

    Снимок экрана: поле поиска быстрого запуска в Visual Studio.

  • Live Share

    Предоставляет возможности совместного редактирования и отладки в реальном времени независимо от типа приложения или языка. Вы можете мгновенно предоставлять общий доступ к своему проекту с поддержкой высокого уровня безопасности. Вы также можете совместно использовать сеансы отладки, экземпляры терминалов, веб-приложения, localhost голосовые звонки и многое другое.

  • Иерархия вызовов

    В окне Иерархия вызовов показаны методы, вызывающие выбранный метод. Это может быть полезно, если вы собираетесь изменить либо удалить метод или хотите отследить ошибку.

    Снимок экрана: окно

    Снимок экрана: окно

  • CodeLens

    CodeLens помогает находить ссылки на код, изменения кода, связанные с кодом ошибки, рабочие элементы, проверки кода и модульные тесты — не выходя из редактора.

    Снимок экрана: CodeLens в Visual Studio.

    Снимок экрана: CodeLens в Visual Studio.

  • Перейти к определению

    Функция Перейти к определению позволяет перейти к расположению, где определена выбранная функция или тип.

    Снимок экрана: функция

    Снимок экрана: функция

  • Показать определение

    В окне Показать определение можно отобразить метод или определение типа, не открывая отдельный файл.

    Снимок экрана: функция

    Снимок экрана: функция

  • Горячая перезагрузка

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

    Снимок экрана: Горячая перезагрузка в Visual Studio 2022.

Установите Visual Studio.

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

Чтобы начать работу, скачайте и установите Visual Studio. Этот модульный установщик позволяет выбирать и устанавливать рабочие нагрузки, которые представляют собой группы возможностей, требуемых для используемых языка программирования или платформы. Выполните следующие инструкции по созданию программы и в процессе установки выберите рабочую нагрузку Кроссплатформенная разработка .NET Core.

Снимок экрана: рабочая нагрузка

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

Снимок экрана: рабочая нагрузка разработки .NET, выбранная в Visual Studio Installer.

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

Настройка Visual Studio

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

Изменить цвет темы

Изменение цветовой темы

  1. Откройте Visual Studio. В начальном окне выберите Продолжить без кода.

    Снимок экрана: начальный экран Visual Studio 2019 с выделенной ссылкой

    Откроется интегрированная среда разработки.

  2. Чтобы открыть диалоговое окно Параметры, в строке меню Visual Studio выберите пункты Инструменты >Параметры.

  3. Откройте страницу параметров Окружение >Общие, измените значение Цветовая тема на Темная и щелкните ОК.

    Снимок экрана: изменение цветовой темы на темную в Visual Studio.

    Цветовая тема для всей интегрированной среды разработки изменится на тему Темная.

    Снимок экрана: Visual Studio с темной темой экрана.

  1. Откройте Visual Studio. В начальном окне выберите Продолжить без кода.

    Снимок начального экрана Visual Studio с выделенной ссылкой

  2. Чтобы открыть диалоговое окно Параметры, в строке меню Visual Studio выберите пункты Инструменты >Параметры.

  3. На странице параметров Среда >Общие измените значение параметра Цветовая тема на Синий или Светлый. Затем нажмите кнопку ОК.

    Снимок экрана: изменение цветовой темы на синюю в Visual Studio.

    Цветовая тема для всей интегрированной среды разработки соответствующим образом изменится. На следующем снимке экрана показана синяя цветовая тема:

    Снимок экрана: Visual Studio с синей темой.

Выбор параметров среды

Вы можете настроить Visual Studio для использования параметров среды, предназначенных для разработчиков Visual Basic.

  1. В строке меню выберите Сервис>Импорт и экспорт параметров.

  2. В мастере импорта и экспорта параметров выберите Сбросить все параметры, а затем нажмите кнопку Далее.

  3. На странице Сохранить текущие параметры выберите, следует ли сохранить текущие параметры перед сбросом. Если вы не изменяли параметры, выберите Нет, только сбросить параметры, перезаписав мои текущие значения. Затем выберите Далее.

  4. На странице Выбор набора параметров, используемого по умолчанию выберите Visual Basic, а затем нажмите кнопку Готово.

  5. На странице Сброс завершен нажмите Закрыть.

Дополнительные сведения о других способах персонализации интегрированной среды разработки см. в разделе Персонализация Visual Studio.

Создание программы

Давайте создадим простую программу.

  1. В строке меню Visual Studio выберите Файл>Создать>Проект. (Также можно нажать клавиши CTRL+SHIFT+N.)

    Снимок экрана: выбор нового > проекта файла > в строке меню Visual Studio 2019.

    Откроется окно Создание проекта с отображением нескольких шаблонов проектов. Шаблон содержит основные файлы и параметры, которые требуются для определенного типа проекта.

  2. Чтобы найти нужный шаблон, введите консоль .net core в поле поиска. Список доступных шаблонов автоматически отфильтруется по введенным словам. Вы можете дополнительно отфильтровать результаты шаблона, выбрав Visual Basic в раскрывающемся списке Все языки, Windows в списке Все платформы и Консоль в списке Все типы проектов.

    Выберите шаблон Консольное приложение и нажмите кнопку Далее.

    Снимок экрана: окно

  3. В окне "Настройка нового проекта" введите HelloWorld в поле "Имя проекта", при необходимости измените расположение каталога для файлов проекта (языковой C:\Users\<name>\source\reposстандарт по умолчанию) и нажмите кнопку "Далее".

    Снимок экрана: диалоговое окно

  4. В окне дополнительных сведений убедитесь, что .NET Core 3.1 появится в раскрывающемся меню Target Framework и нажмите кнопку "Создать".

    Снимок экран: окно

    Visual Studio создаст проект. Это простейший вариант приложения "Hello World", в котором вызывается метод Console.WriteLine() для вывода литеральной строки "Hello World!" в окне консоли (выходных данных программы).

    Вскоре вы увидите примерно следующее изображение:

    Снимок экрана: интегрированная среда разработки Visual Studio.

    Код Visual Basic для вашего приложения отображается в окне редактора, который занимает большую часть пространства. Обратите внимание, что текст автоматически выделяется цветом для обозначения разных частей кода, таких как ключевые слова и типы. Кроме того, небольшие вертикальные штриховые линии кода указывают, какие фигурные скобки соответствуют друг другу, а номера строк помогут вам найти нужный код позже. Чтобы свернуть или развернуть блоки кода, используйте небольшие рамки со знаком минус. Эта функция структурирования кода позволяет скрыть ненужный код на экране. Файлы вашего проекта перечислены в окне обозревателя решений, которое находится справа.

    Снимок экрана: интегрированная среда разработки Visual Studio с красными рамками.

    Есть и другие доступные меню и окна инструментов, но об этом позже.

  5. Теперь запустите приложение. Вы можете инициировать процесс, нажав кнопку "Пуск без отладки" в меню отладки в строке меню меню. Можно также нажать клавиши CTRL+F5.

    Снимок экрана: запуск отладки > без отладки.

    Когда Visual Studio создаст приложение, откроется окно консоли с сообщением Hello World!. Теперь у вас есть выполняемое приложение.

    Снимок экрана: окно консоли с сообщением Hello World.

  6. Чтобы закрыть окно консоли, нажмите любую клавишу.

  7. Давайте добавим новый год в это приложение. Перед строкой Console.WriteLine("Hello World!") добавьте следующий код Visual Basic:

    Console.WriteLine("What is your name?")
    Dim name = Console.ReadLine()
    

    Этот код отображается сообщение What is your name? (Введите имя) в окне консоли и ожидает, чтобы пользователь ввел текст и нажал клавишу ВВОД.

  8. Измените строку с текстом Console.WriteLine("Hello World!"), указав следующий код:

    Console.WriteLine("Hello " + name + "!")
    
  9. Снова запустите приложение, нажав сочетание клавиш CTRL+F5.

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

  10. Введите свое имя в окне консоли и нажмите клавишу ВВОД.

    Снимок экрана: окно консоли с вопросом о вашем имени и ответом приложения.

  11. Нажмите любую клавишу, чтобы закрыть окно консоли и остановить выполняющуюся программу.

  1. В строке меню Visual Studio выберите Файл>Создать>Проект. Вы также можете нажать клавиши CTRL+SHIFT+N.

    Снимок экрана: выбор нового > проекта файла > в строке меню Visual Studio.

    Откроется окно Создание проекта с отображением нескольких шаблонов проектов. Шаблон содержит основные файлы и параметры, которые требуются для определенного типа проекта.

  2. Чтобы найти шаблон, попробуйте ввести или ввести ключевые слова в поле поиска. Список доступных шаблонов будет фильтроваться по введенным ключевым словам. Вы можете дополнительно отфильтровать результаты шаблона, выбрав Visual Basic в раскрывающемся списке Все языки, Windows в списке Все платформы и Консоль в списке Все типы проектов.

    Выберите шаблон Visual Basic Консольное приложение и щелкните Далее.

    Снимок экрана: окно

  3. В поле Имя проекта окна Настроить новый проект введите HelloWorld. При необходимости измените расположение каталога проекта в расположении по умолчанию C:\Users\<имя>\source\repos, а затем нажмите кнопку Далее.

    Снимок экрана: окно

  4. В окне дополнительных сведений убедитесь, что .NET 8.0 появится в раскрывающемся меню Target Framework и нажмите кнопку "Создать".

    Снимок экрана: окно дополнительных сведений с выбранной точкой NET 8.0.

    Visual Studio создаст проект. Это простейший вариант приложения Hello World, в котором вызывается метод Console.WriteLine() для вывода строки Hello World! в окне консоли.

    Файлы проекта отображаются справа в окне интегрированной среды разработки Visual Studio в окне с названием Обозреватель решений. В окне Обозреватель решений выберите файл Program.vb. Код Visual Basic для вашего приложения открывается в центральном окне редактора, который занимает большую часть пространства.

    Снимок экрана: интегрированная среда разработки Visual Studio с кодом Program.vb в редакторе.

    Код автоматически выделяется цветом для обозначения таких элементов, как ключевые слова и типы. Найти код можно по номерам строк.

    Небольшие вертикальные пунктирные линии в коде указывают на структуру кода или блоки кода, которые объединяются. Чтобы свернуть или развернуть блоки кода, используйте небольшие рамки со знаками минус и плюс соответственно. Эта функция структурирования кода позволяет скрыть ненужный код на экране.

    Снимок экрана: интегрированная среда разработки Visual Studio с красными рамками.

    Также доступно множество других меню и окон инструментов.

  5. Запустите приложение, выбрав в главном меню Visual Studio пункты Отладка>Запуск без отладки. Можно также нажать клавиши CTRL+F5.

    Снимок экрана: элемент меню

    Когда Visual Studio создаст приложение, откроется окно консоли с сообщением Hello World!. Теперь у вас есть выполняемое приложение.

    Снимок экрана: окно

  6. Для закрытия окна консоли нажмите любую клавишу.

  7. Давайте добавим новый код в это приложение. Перед строкой Console.WriteLine("Hello World!") добавьте следующий код Visual Basic:

    Console.WriteLine("What is your name?")
    Dim name = Console.ReadLine()
    

    Этот код позволяет отобразить сообщение What is your name? (Введите имя) в окне консоли и ожидает, чтобы пользователь ввел текст.

  8. Измените строку с текстом Console.WriteLine("Hello World!") на следующую:

    Console.WriteLine("Hello " + name + "!")
    
  9. Снова запустите приложение, выбрав пункты Отладка >Запуск без отладки или нажав клавиши CTRL+F5.

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

  10. Введите свое имя в окне консоли и нажмите клавишу ВВОД.

    Снимок экрана: окно консоли отладки с запросом на имя, входные данные и выходные данные Hello Georgette.

  11. Нажмите любую клавишу, чтобы закрыть окно консоли и остановить выполняющуюся программу.

Использование рефакторинга и IntelliSense

Рассмотрим несколько примеров того, как рефакторинг и IntelliSense помогают повысить эффективность кода.

Сначала переименуйте переменную name:

  1. Дважды щелкните переменную name и введите для нее новое имя: username.

    Вокруг переменной появится прямоугольник, а в поле появится значок лампочки.

  2. Выберите значок лампочки для отображения доступных быстрых действий. Выберите Переименовать name в username.

    Снимок экрана: действие переименования в Visual Studio.

    Снимок экрана: действие переименования в Visual Studio.

    Переменная переименовывается во всем проекте, то есть в нашем случае только в двух расположениях.

Теперь рассмотрим возможности IntelliSense.

  1. После строки Console.WriteLine("Hello " + username + "!") напишите следующий код:

    Dim now = Date.
    

    Появится поле с членами класса DateTime. В отдельном поле отобразится описание выбранного элемента.

    Снимок экрана: элементы списка IntelliSense в Visual Studio.

    Снимок экрана: элементы списка IntelliSense в Visual Studio.

  2. Выберите элемент с именем Now (Сейчас), который является свойством класса. Дважды щелкните Now (Сейчас) или выберите его и нажмите клавишу Tab.

  3. Под этой строкой добавьте следующий фрагмент кода:

    Dim dayOfYear = now.DayOfYear
    Console.Write("Day of year: ")
    Console.WriteLine(dayOfYear)
    

    Совет

    Код Console.Write отличается от Console.WriteLine тем, что не добавляет знак завершения строки после ее вывода. Это означает, что следующий фрагмент текста, отправляемый на вывод, будет выводиться в той же строке. Можно навести указатель мыши на каждый из этих методов в коде, чтобы просмотреть его описание.

Далее мы снова применим рефакторинг, чтобы сократить код.

  1. Выберите переменную now в строке Dim now = Date.Now. На поле в этой строке появится значок отвертки.

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

    Снимок экрана: предложение встроенной временной переменной в Visual Studio.

  3. Щелкните пункт Встроенная временная переменная, чтобы выполнить рефакторинг кода.

  4. Снова запустите программу, нажав клавиши Ctrl+F5. Выходные данные выглядят примерно так:

    Снимок экрана: окно

  1. Выберите переменную now в строке Dim now = Date.Now. Значок лампочки отображается в поле на этой строке.

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

    Снимок экрана: предложение встроенной временной переменной в Visual Studio.

  3. Щелкните пункт Встроенная временная переменная, чтобы выполнить рефакторинг кода.

  4. Снова запустите программу, нажав клавиши Ctrl+F5. Выходные данные выглядят примерно так:

    Снимок экрана: окно

Отладка кода

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

Зададим точку останова, чтобы во время выполнения программы отобразилось значение переменной username.

  1. Установите точку останова в строке с кодом Console.WriteLine("Hello " + username + "!"), щелкнув крайнее поле слева (область навигации) в этой строке. Кроме того, вы можете выбрать строку кода и нажать клавишу F9.

    В области навигации появится красный кружок, и эта строка будет выделена.

    Снимок экрана: точка останова в строке кода в Visual Studio.

    Снимок экрана: точка останова в строке кода в Visual Studio.

  2. Начните отладку, выбрав пункты Отладка>Начать отладку или нажав клавишу F5.

  3. Когда появится окно консоли с запросом имени, введите свое имя.

    Фокус возвратится в редактор кода Visual Studio, и строка кода с точкой останова будет выделена желтым цветом. Желтый выделение означает, что следующая строка кода выполняется. Точка останова отвечает за приостановку работы приложения на этой строке.

  4. Наведите указатель мыши на переменную username для просмотра ее значения. Кроме того, вы можете щелкнуть username правой кнопкой мыши и выбрать пункт Добавить контрольное значение, чтобы добавить переменную в окно контрольных значений, где можно будет просмотреть ее значение.

    Снимок экрана: значение переменной во время отладки в Visual Studio.

    Снимок экрана: значение переменной во время отладки в Visual Studio.

  5. Нажмите клавишу F5 еще раз, чтобы завершить работу приложения.

После запуска приложения можно применить изменения кода к работающему приложению, нажав кнопку Горячая перезагрузка.

Снимок экрана: Горячая перезагрузка в Visual Studio 2022.

Дополнительные сведения об отладке в Visual Studio см. в статье Знакомство с отладчиком Visual Studio.