Mvc 5 visual studio 2017

Обновленную версию этого учебника доступен здесь с последней версией Visual Studio. An updated version of this tutorial is available here using the latest version of Visual Studio. Использует новое учебное ASP.NET Core MVC, который предоставляет многих усовершенствования, внесенные через этот учебник. The new tutorial uses ASP.NET Core MVC, which provides many improvements over this tutorial.

В этом руководстве описывается модель MVC ASP.NET Core с контроллерами и представлениями. This tutorial teaches ASP.NET Core MVC with controllers and views. Страницы Razor — это новая альтернатива в ASP.NET Core 2.0, представляющая собой основанную на страницах модель программирования, которая упрощает и повышает эффективность создания пользовательского веб-интерфейса. Razor Pages is a new alternative in ASP.NET Core 2.0, a page-based programming model that makes building web UI easier and more productive. Рекомендуем вам сначала попробовать изучить руководство по Razor Pages, прежде чем использовать версию для MVC. We recommend you try the Razor Pages tutorial before the MVC version. Руководство по Razor Pages: The Razor Pages tutorial:

• проще для выполнения; Is easier to follow.
• охватывает дополнительные возможности; Covers more features.
• является предпочтительным подходом для разработки новых приложений. Is the preferred approach for new application development.

Этот учебник поможет основы создания приложения web ASP.NET MVC 5 с помощью Visual Studio 2017. This tutorial teaches you the basics of building an ASP.NET MVC 5 web app using Visual Studio 2017. Последний исходный код для руководства находится на GitHub. The final source code for the tutorial is located on GitHub.

Вам потребуется учетная запись Azure, чтобы развернуть это приложение в Azure: You need an Azure account to deploy this app to Azure:

• Вы можете открыть учетную запись Azure бесплатно -вы получаете кредиты можно использовать для опробования платных служб Azure и даже в том случае, если они используются, вы сохраняете учетную запись и использовать бесплатные службы Azure. You can open an Azure account for free — You get credits you can use to try out paid Azure services, and even after they’re used up you can keep the account and use free Azure services.
• Вы можете активировать преимущества подписчика MSDN -ваша подписка MSDN предоставляет вам кредиты каждый месяц, который можно использовать для оплаты служб Azure. You can activate MSDN subscriber benefits — Your MSDN subscription gives you credits every month that you can use for paid Azure services.

Начало работы Get started

Начните с установки Visual Studio 2017. Start by installing Visual Studio 2017. Откройте Visual Studio. Then, open Visual Studio.

Visual Studio является интегрированной среды разработки или интегрированной среды разработки. Visual Studio is an IDE, or integrated development environment. Так же, как использовать Microsoft Word для записи документов, вы используете интегрированную среду разработки для создания приложений. Just like you use Microsoft Word to write documents, you’ll use an IDE to create applications. В Visual Studio имеется список внизу отображаются различные параметры, доступные для вас. In Visual Studio, there’s a list along the bottom showing various options available to you. Имеется также меню, которое предоставляет еще один способ выполнения задач в интегрированной среде разработки. There’s also a menu that provides another way to perform tasks in the IDE. Например, вместо выбора новый проект на начальной страницы, можно использовать в строке меню и выберите файл > новый проект. For example, instead of selecting New Project on the Start page, you can use the menu bar and select File > New Project.

Создание первого приложения Create your first app

На начальной страницывыберите новый проект. On the Start page, select New Project. В новый проект диалоговом окне выберите Visual C# категории слева, затем Web, а затем выберите веб-приложение ASP.NET (.NET Framework) шаблона проекта. In the New project dialog box, select the Visual C# category on the left, then Web, and then select the ASP.NET Web Application (.NET Framework) project template. Назовите проект «MvcMovie», а затем выберите ОК. Name your project "MvcMovie" and then choose OK.

В новое веб-приложение ASP.NET диалоговом окне выберите MVC и выберите ОК. In the New ASP.NET Web Application dialog, choose MVC and then choose OK.

Visual Studio используется шаблон по умолчанию для проекта ASP.NET MVC, который вы только что создали, поэтому у вас есть рабочее приложение прямо сейчас не выполняя никаких действий! Visual Studio used a default template for the ASP.NET MVC project you just created, so you have a working application right now without doing anything! Это связано с простых «Hello World!» This is a simple "Hello World!" проекта, а вот отлично подходит для запуска приложения. project, and it’s a good place to start your application.

Нажмите клавишу F5 , чтобы начать отладку. Press F5 to start debugging. При нажатии клавиши F5, Visual Studio запускает IIS Express и запускает веб-приложения. When you press F5, Visual Studio starts IIS Express and runs your web app. Затем Visual Studio запустит браузер и откроется домашняя страница приложения. Visual Studio then launches a browser and opens the application’s home page. Обратите внимание, что говорит в адресной строке браузера localhost:port# и не что-либо типа example.com . Notice that the address bar of the browser says localhost:port# and not something like example.com . Это потому, что localhost всегда указывает на локальном компьютере, который выполняется, в этом случае приложение, вы только что выполнили. That’s because localhost always points to your own local computer, which in this case is running the application you just built. При запуске веб-проекта Visual Studio для веб-сервера используется случайный порт. When Visual Studio runs a web project, a random port is used for the web server. На рисунке ниже номер порта — 1234. In the image below, the port number is 1234. При запуске приложения вы увидите другой номер порта. When you run the application, you’ll see a different port number.

Готовые этот шаблон по умолчанию дает Home , Contact , и About страниц. Right out of the box this default template gives you Home , Contact , and About pages. На следующем рисунке не показывает Главная, о, и контакт ссылки. The image below doesn’t show the Home, About, and Contact links. В зависимости от размера окна браузера может потребоваться щелкнуть значок навигации, чтобы найти по следующим ссылкам. Depending on the size of your browser window, you might need to click the navigation icon to see these links.

Приложение также предоставляет поддержку для регистрации и входа. The application also provides support to register and log in. Следующий шаг — изменить работу этого приложения и немного поговорим об ASP.NET MVC. The next step is to change how this application works and learn a little bit about ASP.NET MVC. Закройте приложение ASP.NET MVC и изменим код. Close the ASP.NET MVC application and let’s change some code.

Список действующие руководства, см. в разделе MVC рекомендуется статьи. For a list of current tutorials, see MVC recommended articles.

Это приложение работает в Azure см. в разделе See this app running on Azure

Вы действительно хотите см. по завершении сайт, запущенный в качестве активного веб-приложения? Would you like to see the finished site running as a live web app? Полную версию приложения можно развернуть учетную запись Azure, просто нажав кнопку ниже. You can deploy a complete version of the app to your Azure account by simply clicking the following button.

Требуется учетная запись Azure для развертывания этого решения в Azure. You need an Azure account to deploy this solution to Azure. Если у вас нет учетной записи, воспользуйтесь одним из следующих параметров для ее создания. If you don’t already have an account, use one of the following options to create one:

• Открыть учетную запись Azure бесплатно -вы получаете кредиты можно использовать для опробования платных служб Azure и даже в том случае, если они используются, вы сохраняете учетную запись и использовать бесплатные службы Azure. Open an Azure account for free — You get credits you can use to try out paid Azure services, and even after they’re used up you can keep the account and use free Azure services.
• Активируйте преимущества для подписчиков Visual Studio -ваша подписка Visual Studio предоставляет вам кредиты каждый месяц, который можно использовать для оплаты служб Azure. Activate Visual Studio subscriber benefits — Your Visual Studio subscription gives you credits every month that you can use for paid Azure services.

В этом руководстве вы увидите, как создать простое веб приложение при помощи ASP.NET 5. В этом приложении данные будут связаны с базой данных SQL при помощи Entity Framework (EF), а ASP.NET MVC будет поддерживать операции CRUD.

Начальные реквизиты¶

Прежде чем начать, убедитесь, что вы сделали вот это: Установка ASP.NET 5 для Windows. Мы предполагаем, что у вас установлена Visual Studio 2015 и последняя версия среды и инструментария ASP.NET 5.

Дополнительную информацию по установке ASP.NET 5 на других платформах вы можете получить тут: Начинаем.

Создание нового ASP.NET 5 проекта¶

Запустите Visual Studio 2015. Из меню File выберите New > Project.

Выберите шаблон ASP.NET Web Application. Он находится в Installed > Templates > Visual C# > Web. Назовите проект ContosoBooks и нажмите OK.

В диалоговом окне New ASP.NET Project выберите Web Application под ASP.NET 5 Preview Templates. Кроме того, убедитесь, что галочка не стоит на Host in the cloud, и нажмите OK.

Не меняйте метод аутентификации. Оставьте по умолчанию Individual User Accounts.

Запуск приложения по умолчанию¶

После того как Visual Studio закончит создание приложения, запустите его, нажав Debug -> Start Debugging. Как вариант, вы можете нажать F5.

Для инициализации Visual Studio и нового приложения может потребоваться время. После завершения браузер покажет запущенное приложение.

После запуска приложения закройте браузер и нажмите на иконку “Stop Debugging” в Visual Studio, чтобы остановить приложение.

Просмотр проекта¶

В Visual Studio окно Solution Explorer позволяет вам управлять файлами проекта. Шаблон веб приложения, который вы использовали для создания этого приложения, добавляет следующую базовую структуру папок:

Visual Studio создает некоторые начальные файлы и папки для проекта. Вот первичные файлы, с которыми вам стоит ознакомиться:

Имя файла	Цель
project.json	Присутствие файла project.json определяет проект .NET Execution Environment (DNX). В файле project.json содержится вся информация, которая нужна DNX, чтобы запустить и упаковать ваш проект. Дополнительную информацию, включая файловую схему project.json, вы можете найти тут: see Работа с DNX проектами.
global.json	Visual Studio использует этот файл для конфигурации проекта.
appsettings.json	Этот файл позволяет вам включать дополнительную информацию о проекте. Дополнительную информацию вы можете получить тут: Конфигурация.
Startup.cs	Класс Startup является начальной точкой приложения. В классе Startup должен быть определен метод Configure , кроме того, здесь может быть определен метод ConfigureServices , и он может быть вызван при запуске приложения. Дополнительную информацию вы можете получить тут: Запуск приложения.
Index.cshtml	Здесь view содержит HTML для основной страницы.
_Layout.cshtml	Здесь view содержит общий HTML для разных страниц веб приложения.
HomeController.cs	Этот controller содержит классы, которые обрабатывают входящие запросы браузера, получают модельные данные, а затем определяют шаблоны представлений, которые возвращают ответ браузеру.

Понимание MVC¶

В этом проекте используется MVC. MVC обозначает Model-View-Controller (модель-представление-контроллер). MVC — это паттерн для разработки приложений, и эти приложения хорошо структурированы, их можно протестировать и легко поддерживать. MVC приложения содержат:

• Models: Классы, которые представляют данные этого приложения, а затем используют логику валидации для связывания бизнес-правил и данных.
• Views: Шаблонные файлы, которые использует приложение для динамичных HTML ответов.
• Controllers: Классы, которые обрабатывают входящие браузерные запросы, получают модельные данные, а затем определяют представления, которые возвращают ответ браузеру.

Понимание .NET Core¶

.NET Core 5 — это модальная реализация среды разработки и библиотек, которая включает в себя некоторые аспекты .NET Framework. .NET Core 5 разрабатывается для Windows, Linux и OS X. .NET Core 5 состоит из набора библиотек “CoreFX” и маленькой среды разработки “CoreCLR”. .NET Core имеет открытый исходный код, так что вы можете отслеживать развитие проекта на GitHub. Больше информации вы можете получить тут: Выбор правильного .NET сервера.

Entity Framework¶

Entity Framework (EF) — это ORM (object-relational mapping) фреймворк. Он позволяет работать с реляционными данными как с объектами, и при этом вам нужно писать намного меньше кода для доступа к данным, чем обычно. Используя EF, вы можете работать с запросами при помощи LINQ, затем получать и обрабатывать данные как строго типизированные объекты. LINQ предлагает паттерны для запроса и обновления данных. Использование EF позволяет сфокусироваться на остальной части проекта, а не на основах доступа к данным.

Откройте файл project.json. В разделе dependencies вы увидите следующие строки, связанные с EF:

Здесь показано, что вы можете использовать команды EF из командного окна, а также что пакет EF NuGet включен в ваш проект.

Создание модели данных и скаффолдинг¶

Entity Framework поддерживает парадигму разработки Code First. Code First позволяет определять модели данных при помощи классов. Класс — это конструкция, которая позволяет создавать собственные пользовательские типы, группируя переменные разных типов, методы и события. Классы могут работать с существующей базой данных или генерируют базу данных. В данном руководстве вы начнете с создания entity-классов, которые определяют модели данных для веб приложения. Затем вы создадите контекстные классы, которые управляют entity-классами и дают данным доступ к базе данных. Далее вы настроите EF и заполните базу данных.

Создание entity-классов¶

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

В веб приложении будет две сущности:

Вы определите класс для каждой из них в папке Models в Solution Explorer.

Модельный класс вы можете поместить в любое место вашего проекта. Папка Models — это просто соглашение.

Кликните правой кнопкой мышки по папке Models и выберите Add > New Item. В диалоговом окне Add New Item выберите шаблон Class. В поле Name напишите “Author.cs” и нажмите OK.

Замените код по умолчанию следующим кодом:

Повторите эти шаги для создания другого класса Book со следующим кодом:

Чтобы не уложнять приложение, пусть у каждой книги будет один автор. Свойство Author определяет способ управления отношениями между автором и книгой. В EF этот тип свойства называется navigation property. Когда EF создает схему базы данных, EF автоматически вставляет AuthorID , и это будет вторичным ключом для таблицы Authors.

Скаффолдинг¶

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

Чтобы добавить скаффолдинг кликните правой клавишей мышки по папке Controllers в Solution Explorer. Выберите Add –> New Scaffolded Item.

Если вы не видите опцию New Scaffolded Item, убедитесь, что при создании проекта вы использовали Individual User Accounts.

Из диалогового окна Add Scaffold выберите MVC 6 Controller with views, using Entity Framework, а затем нажмите на кнопку Add.

Далее, в диалоговом окне Add Controller в списке с модельными классами выберите Book (ContosoBooks.Models). Также установите контекстный класс на ApplicationDbContext (ContosoBooks.Models). Флажок на Generate views должен быть установлен. Нажмите на кнопку Add.

Как вы видите, диалоговое окно Add Controller дает вам возможность выбирать опции для создания контроллеров и представлений.

Этот скаффолд создает код, который предоставляет контроллер и набор представлений. В представлениях есть UI и код для создания, чтения, обновления, удаления и перечисления данных из базы данных.

Повторите вышеперечисленные шаги по скаффолдингу, чтобы создать контроллер Author и связанные с ним представления. Используйте модельный класс Author (ContosoBooks.Models) и контекстный класс ApplicationDbContext (ContosoBooks.Models), как показано на следующем рисунке.

В Solution Explorer вы увидите, что новые контроллеры добавлены в папку Controller, а новые представления в папку Views.

Настройка приложения перед добавлением данных¶

Далее, к приложению нужно добавить пакет Microsoft.Extensions.DependencyInjection . В Solution Explorer найдите и откройте project.json. В разделе dependencies в конце раздела пропишите эту строку.

IntelliSense помогает вам, когда вы набираете. Когда вы сохраните project.json, Visual Studio автоматически даст ссылку на новый пакет.

После добавления этой строки раздел dependencies в файле project.json будет выглядеть вот так:

Добавление данных¶

Мы не будем вручную набирать данные — мы используем код, который заполнит базу данных. Добавьте класс SampleData в папке Models со следующим кодом:

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

Далее, в Solution Explorer, откройте файл Startup.cs. Добавьте следующую строку кода в методе Configure:

После этого полный файл Startup.cs будет выглядеть вот так:

Обратите внимание, что в ConfigureServices приложение вызывает Configuration["Data:DefaultConnection:ConnectionString"] , чтобы получить строку соединения с базой данных. Во время разработки эта настройка идет из файла appsettings.json. Когда вы разворачиваете приложение в производственной среде, вы устанавливаете строку соединения в переменную среды на хосте. Если Configuration API находит переменную среды с тем же ключом, то возвращает переменную среды, вместо того значения, что находится в appsettings.json.

Создание веб приложения¶

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

Из меню Build выберите Build Solution.

Отображается окно Output, и если все прошло успешно, вы увидите соответствующее сообщение.

Если же произошла ошибка, то просмотрите предыдущие шаги. Информация в окне Output покажет, в каком файле возникла проблема и где требуется изменение. Эта информация поможет вам определить, какие предыдущие шаги вам стоит повторить, чтобы устранить проблему.

Прежде чем запустить приложение, вы должны создать БД, используя миграцию данных.

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

Миграция данных в EF используется для обновления моделей во всем приложении. Изначально используя миграцию данных для создания базы данных, вы можете легко изменить базу, после того как была изменена модель. Это позволит вам более эффективно создавать и поддерживать приложение. Альтернативой миграции данных, когда требуются изменения в модели или схеме после изменения базы данных, является пересоздание всей базы данных.

Откройте Command Prompt в директории проекта (ContosoBooks/src/ContosoBooks).

Чтобы открыть Command Prompt, кликните правой кнопкой мышки по кнопке start в Windows и выберите из меню Command Prompt.

Чтобы найти директорию проекта, кликните правой кнопкой мышки в Visual Studio по имени проекта (ContosoBooks) в Solution Explorer и выберите Open Folder in File Explorer. Скопируйте путь к проекту из File Explorer в Command Prompt. Например, введите следующее из Command Prompt, чтобы сменить директорию:

Убедитесь, что вы перешли к папке ContosoBooks, что в папке src.

Из Command Prompt запустите следующие команды:

Если dnu restore не распознается, вам нужно полностью повторить шаг с начальными реквизитами (или частично). Но сперва вам надо проверить Active версию .NET Version Manager (dnvm). Чтобы сделать это, введите dnvm list в командной строке. Если рядом с какой-либо версией нет *, установите активную версию, то есть, введите dnvm use 1.0.0-rc1-update1 -p , так что нужная версия будет выбрана.

.NET Version Manager (dnvm) — это набор утилит командной строки, которые используются для обновления и конфигурации .NET Runtime.

DNX обозначает .NET Execution Environment. Команда ef указана в файле project.json проекта. Больше информации по dnvm , dnu , and dnx , вы можете получить тут: DNX Overview.

Команда “ add Initial ” создает миграцию “Initial”, которая добавляет в проект код, позволяя EF обновлять схему базы данных. Команда update создает актуальную базу данных. После запуска этой команды папка Migrations будет обновлена:

Если вы хотите получить помощь по EF командам, введите следующее в командной строке: dnx ef -? . Для помощи с командой add введите следующее: dnx ef migrations add -? . А для помощи с командой update — следующее: dnx ef database update -? .

Кроме того, вы сможете увидеть новую базу данных в SQL Server Object Explorer.

Добавление навигации¶

Обновите навигацию для веб приложения. Из Solution Explorer откройте файл Views/Shared/_Layout.cshtml. Найдите следующий код:

Замените выше представленный код вот этим:

Данные изменения добавят ссылку к представлению Books и ссылку к представлению Authors. Вы создали эти представления, когда добавили в проект скаффолдинг.

Создание веб приложения¶

Чтобы убедиться, что все работает, вам снова нужно собрать приложение.

Из меню Build выберите Build Solution.

Локальный запуск веб приложения¶

Запустите приложение, чтобы увидеть, как выглядит вся продукция или категория продуктов.

В Solution Explorer кликните правой клавишей мышки по названию проекта и выберите View -> View in Browser. Либо же просто нажмите F5.

Откроется браузер и покажет приложение. Нажмите на ссылку Books вверху страницы.

Закройте браузер и нажмите на иконку “Stop Debugging” в Visual Studio.

Публикация приложения на Azure¶

В Solution Explorer в Visual Studio кликните правой кнопкой мышки по проекту и выберите Publish.

В окне Publish Web нажмите на Microsoft Azure Web Apps и залогиньтесь на Azure.

После этого нажмите New, чтобы создать на Azure новое приложение.

Назовите сайт, выберите сервисный план, ресурсную группу и регион. Также выберите сервер базы данных, а также имя пользователя и пароль к нему. Если вы уже создавали сервер базы данных, используйте его. После этого нажмите Create.

В Connection в окне Publish Web нажмите Publish.

Прогресс публикации вы можете просмотреть в окне Output или в окне Azure App Service Activity в Visual Studio.

После публикации на Azure ваше приложение, запущенное на Azure, будет отображено в браузере.

Дополнительная информация доступна вот тут: Publishing and Deployment.

Following parts of visual studio you need to understand before starting your first ASP.NET MVC 5 Project.

1. Sign-in Visual Studio
2. Creating New Project
3. Visual Studio IDE

1. Main Window Space
2. Solution Explorer
3. Properties Window
4. Server Explorer
5. ToolBox
6. Error Window

Smart Features

Refactoring

Navigate

Code Lens

Light Bulbs

IntelliSense

Bookmarks

Compiling and Building your code

Visual Studio is very powerful software development IDE which enables you to develop web-based, windows based and mobile-based apps with ease and drag-drop facility. It minimizes your efforts and does most of the background coding automatically for you. In order to properly use of Visual Studio 2015 or 2017, you need to read this chapter carefully.

SIGN-in visual studio

If you are opening visual studio 2015 or 2017 first time then you need to sign-in first with your Hotmail account. You can sign into visual studio as follows:

1. Open Visual Studio
2. Click on the Sign in icon. It is Top Right Corner of the visual studio.
3. A Login pop up window will open. Sign in here from your Microsoft account or Hotmail account. If you haven’t Hotmail account then create a new one.

4. After entering Your Hotmail id and password click on to Sign in button to login in visual studio. Make sure to select Keep me signed in check box.

Create New ASP.NET MVC 5 Project

Understand Visual Studio /> Main Window Space: This space is used for coding.
Solution Explorer: It shows lists of all the files and reference of the projects.
Properties Window: It shows all the available property of controls, class or objects.
Server Explorer: It allows you to connect with server and database right from the visual studio.
Object Explorer: It allows you to explore databases and tables.
ToolBox: It contains all the available controls that can be dragged and dropped into your project.
Error Window: This window keeps list of all the shown errors.

Visual Studio Smart Features

Refactoring is a process of renaming variables, classes or objects with ease. For example, if you have used variable multiple time and suddenly need to rename that variables, just rename one variable and Visual Studio Refactoring take care of renaming all the same variables automatically.

Code Lens allows you to find references and changes the history of codes. It also shows you linked bug, code reviews, and unit tests. Code lens is very useful when you work with a team and someone changes the codes. Code Lens allows you to contact the team right from the explorer without leaving the editor. It tells you about the person who last modified the methods.

Code Lens are only available in VS Enterprise Edition and VS Professional Edition. It is not available with VS Community Edition.

Light Bulbs

Light Bulbs are useful tools that popup automatically if your code has error. It tells you to fix common coding issue and also shows you suggestion to fix it.

Here, in this example, I made a simple mistake and write Views() instead of View(). When you will hover on error you will see the pop up light bulb suggestion to fix it.

IntelliSense

IntelliSense provides you live assistance to your code. Believe me, IntelliSense is one of the most beautiful features of visual studio that allows you to write codes with confidence. When you write code, IntelliSense automatically shows the next word suggestion with autocomplete. It makes your codes error free, accurate and speedy.

BookMark

Bookmark is a very useful feature which allows you to quickly navigate between open documents, directly to your block of code. Just bookmark the line of code where you are working currently and navigate between them easily.

1. In order to bookmark a line, go to the line and press CTRL + KK. It will bookmark the line. To navigate between marked line press
CTRL + BP : Previous BookMark
CTRL + BN: Next Bookmark
CTRL + BC: Clear Bookmark

2. You can find all the bookmarking option at here. Go to Edit Bookmark.

Compiling and Building your Code

Compiling and Building your code as follows:

Debugging is a process of finding bugs/errors in your program. It executes your project and inspects each step in the execution. If any bug found, it breaks the execution and allows you to correct the errors. It is very useful when you want to test your project against errors and bugs. You can debug your project as follows:

1. Press F5 to Debug or Run the Project.
2. Alternatively, you can go to Debug Start Debugging
3. You can also run your project without debugging. Press CTRL + F5 to start without debugging.
Break Execution or Debugging
Press SHIFT + F5 to break execution of program.

BreakPoint

BreakPoint is a very useful feature that enables you to analyze the block of code when debugging. It shows the live execution of your code block.

1. Right click on code block and select BreakPoint Insert BreakPoint.

2. You will see that a red circle mark is appeared before the code.
3. Press F5 to debug your program. When your program reaches onto the breakpoint it will show you step by step execution of the code block. Press F5 for continue or move next.