Поиск…


Вступление

В этой статье рассказывается о настройке и установке ядра Asp.Net с визуальным кодом студии. Также создайте базовый шаблон MVC и отлаживайте.

Шаги, участвующие ниже ...

Шаг 1 - установка кода Visual Studio.

Шаг 2. Настройка ядра .Net и C #.

Шаг 3 - Создайте шаблон шаблона MVC.

Шаг 4 - Выполните и отлаживайте приложение.

замечания

Эта статья собирается настраивать с нуля с открытым исходным кодом с открытым кодом и создавать и отлаживать базовые приложения .net core mvc.

  • Местоположение файла, используемое выше, изменяется в зависимости от пользователей, Без ограничений.
  • Нужен интернет для загрузки настроек.

Шаг 1 - Установка кода Visual Studio


  • Загрузить визуальный код студии здесь Код Visual Studio . Выберите целевой установщик [mac | windows | linux].

введите описание изображения здесь


  • Перейдите в скачанный файл на вашем локальном компьютере.

введите описание изображения здесь

  • Ниже приведены шаги для установки

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

Установка завершена успешно.

Шаг 2. Настройка ядра .Net и C #.

После установки кода Visual Studio сконфигурируйте ядро ​​.net и C #.

введите описание изображения здесь

  1. Запустите Visual Studio код.
  2. Нажмите [ ctrl + P ]
  3. вставьте " ext install csharp " и нажмите.

После выполнения вышеуказанных шагов расширение C # доступно в коде VS.

введите описание изображения здесь

  • Теперь настройте ядро ​​.net.

Скачайте .net core sdk отсюда . Выберите Windows => CommandLine.

введите описание изображения здесь

Установите sdk, как показано ниже.

введите описание изображения здесь

введите описание изображения здесь

введите описание изображения здесь

.Net core sdk установка выполнена успешно.

Шаг 3 - Создайте шаблон шаблона MVC.


  • Создайте новую папку проекта и откройте в командной строке окна с расположением папки проекта.

введите описание изображения здесь

  • Введите « dotnet new -t web » и нажмите. Это для создания нового шаблона mvc.

введите описание изображения здесь

  • После завершения. Перейдите к месту расположения проекта и посмотрите, как был создан базовый проект mvc.

введите описание изображения здесь

  • Затем введите " dotnet restore " и нажмите. Это делается для восстановления всех пакетов из файла project.json.

введите описание изображения здесь

введите описание изображения здесь

  • Теперь запустите VScode и откройте папку проекта.

введите описание изображения здесь

введите описание изображения здесь

Теперь вы можете, наконец, увидеть проект mvc в VS-коде.

Все основные файлы структуры mvc вы можете видеть. [Model-View-Controller]

Шаг 4 - Выполните и отлаживайте приложение.

Откройте папку проекта в VScode.

Образец здесь я устанавливаю точку останова в домашнем контроллере.

введите описание изображения здесь

Теперь выберите опцию debug.

введите описание изображения здесь

добавьте конфигурацию отладки, как показано ниже. Убедитесь, что выбран .Net core Launch (web).

введите описание изображения здесь

введите описание изображения здесь

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

Затем дайте продолжение. Веб-страница будет показана в браузере, как показано ниже. введите описание изображения здесь

Веб-страница кажется сломанной.

Нажмите « F12 » или откройте инструмент разработчика.

Вы можете увидеть некоторые ошибки в консоли.

введите описание изображения здесь

Несколько загрузочных и jquery-файлов не были загружены.

[Найти скрипт и файлы css с помощью Ctrl + shift + f в коде VS и ввести пропущенное имя файла и поиск.]

Исправьте это, добавив скрипты с cdn или точное расположение файлов в файле макета.

введите описание изображения здесь

Теперь обновите страницу и посмотрите.

введите описание изображения здесь

Теперь сайт кажется прекрасным, и, наконец, больше не возникает консольной ошибки.

Счастливое кодирование.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow