Инфоурок Информатика КонспектыИнтегрированная среда разработки программ на выбранном языке программирования. Интерфейс выбранной среды.

Интегрированная среда разработки программ на выбранном языке программирования. Интерфейс выбранной среды.

Скачать материал

Интегрированная среда разработки программ на выбранном языке программирования. Интерфейс выбранной среды.

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

Снимок экрана: интегрированная среда разработки Visual Studio 2022 с выносками, которые указывают на расположение основных компонентов и функций.

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

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

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

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

Выпуски

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

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

Популярные средства повышения производительности

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

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

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

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

·         Очистка кода

Вы можете одним нажатием кнопки отформатировать код и применить к нему исправления, предложенные параметрами стиля кодасоглашениями в файле .editorconfig и (или) анализаторами RoslynОчистка кода, которая сейчас доступна только для кода C#, помогает устранять проблемы в коде перед переходом к его проверке.

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

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

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

Снимок экрана: рефакторинг в Visual Studio.

·         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.

·         Live Share

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

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

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

Снимок экрана: окно "Иерархия вызовов".

·         CodeLens

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

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

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

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

Снимок экрана: пункт меню "Перейти к определению".

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

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

Снимок экрана: окно "Показать определение".

Установка Visual Studio

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

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

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

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

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

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

1.    Запустите среду Visual Studio. Откроется начальное окно, где можно клонировать репозиторий, открыть недавно использованный проект или создать новый.

2.    Выберите Создать проект.

Снимок экрана: главное меню Visual Studio, где выбран элемент "Создание нового проекта".

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

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

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

Снимок экрана: окно создания проекта с выбранным консольным приложением.

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

Снимок экрана: окно "Настройка нового проекта" с введенным именем проекта HelloWorld.

5.    Убедитесь, что в окне Дополнительные сведения в раскрывающемся меню Целевая платформа указано .NET 6.0, а затем щелкните команду Создать.

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

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

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

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

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

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

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

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

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

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

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

Снимок экрана: окно консоли отладки с выходными данными "Hello, World!" и "Press any key to close this window" (Нажмите любую клавишу, чтобы закрыть это окно).

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

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

C#Копировать

Console.WriteLine("\nWhat is your name?");

var name = Console.ReadLine();

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

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

C#Копировать

Console.WriteLine($"\nHello {name}!");

10. Снова запустите приложение, выбрав пункты Отладка > Запуск без отладки или нажав клавиши CTRL+F5.

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

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

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

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

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

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

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

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

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

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

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

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

3.    Теперь рассмотрим возможности IntelliSense. Под строкой Console.WriteLine($"\nHello {username}!"); введите DateTime now = DateTime..

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

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

4.    Выберите член с именем Now(свойство), который является свойством класса. Для этого дважды щелкните его или нажмите клавишу Tab. Завершите строку кода, добавив точку с запятой в конец строки: DateTime now = DateTime.Now;.

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

C#Копировать

int dayOfYear = now.DayOfYear;

 

Console.Write("Day of year: ");

Console.WriteLine(dayOfYear);

 Совет

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

6.    Далее мы снова применим рефакторинг, чтобы сократить код. Выберите переменную now в строке DateTime now = DateTime.Now;. На поле в этой строке появится значок отвертки.

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

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

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

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

Снимок экрана: окно консоли отладки с запросом имени, входными данными и выходными данными "Hello Georgette! Day of year: 244" (Привет, Джорджетта! День года: 244).

Отладка кода

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

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

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

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

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

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

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

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

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

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

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

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

Настройка Visual Studio

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

1.    Чтобы открыть диалоговое окно Параметры, в строке меню выберите элементы Сервис > Параметры.

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

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

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

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

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Интегрированная среда разработки программ на выбранном языке программирования. Интерфейс выбранной среды."

Методические разработки к Вашему уроку:

Получите новую специальность за 3 месяца

Главный хранитель

Получите профессию

Экскурсовод (гид)

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 672 258 материалов в базе

Скачать материал

Другие материалы

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 31.01.2022 900
    • DOCX 895.8 кбайт
    • 17 скачиваний
    • Оцените материал:
  • Настоящий материал опубликован пользователем Жлоба Иван Николаевич. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Жлоба Иван Николаевич
    Жлоба Иван Николаевич
    • На сайте: 4 года и 1 месяц
    • Подписчики: 0
    • Всего просмотров: 42449
    • Всего материалов: 33

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Няня

Няня

500/1000 ч.

Подать заявку О курсе

Курс повышения квалификации

Методика преподавания информатики в начальных классах

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Этот курс уже прошли 67 человек

Курс профессиональной переподготовки

Информационные системы и технологии: теория и методика преподавания в профессиональном образовании

Преподаватель информационных систем и технологий

300/600 ч.

от 7900 руб. от 3650 руб.
Подать заявку О курсе
  • Этот курс уже прошли 14 человек

Курс профессиональной переподготовки

Управление сервисами информационных технологий

Менеджер по управлению сервисами ИТ

600 ч.

9840 руб. 5600 руб.
Подать заявку О курсе
  • Сейчас обучается 26 человек из 19 регионов
  • Этот курс уже прошли 34 человека

Мини-курс

Управление персоналом и коммуникация в команде

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 34 человека из 20 регионов
  • Этот курс уже прошли 11 человек

Мини-курс

Нейропсихология в школе: путь к успеху и благополучию детей

6 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 83 человека из 33 регионов
  • Этот курс уже прошли 61 человек

Мини-курс

Практика гештальт-терапии: техники и инструменты

5 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 313 человек из 65 регионов
  • Этот курс уже прошли 74 человека