Buscar..


Introducción

Este artículo da una idea acerca de la configuración e instalación del núcleo Asp.Net con código de estudio visual. También crea plantillas MVC básicas y depuración.

Pasos involucrados abajo ...

Paso 1 - instalando el código de Visual Studio.

Paso 2 - Configuración de .Net core y C #.

Paso 3 - Crear una plantilla MVC básica.

Paso 4 - Ejecutar y depurar la aplicación.

Observaciones

Este artículo está a punto de configurarse desde cero con el código abierto de Visual Studio y crear y depurar aplicaciones básicas .net core mvc.

  • La ubicación del archivo utilizada anteriormente es un cambio según los usuarios, sin restricciones.
  • Necesita internet para descargar configuraciones.

Paso 1 - Instalación de código de estudio visual


  • Descargue el código de Visual Studio desde aquí. Seleccione su instalador de destino [mac | windows | linux].

introduzca la descripción de la imagen aquí


  • Ir al archivo descargado en su local.

introduzca la descripción de la imagen aquí

  • A continuación se detallan los pasos para la instalación.

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

La instalación terminó con éxito.

Paso 2 - Configuración de .Net core y C #.

Después de instalar el código de Visual Studio, configure .net core y C #.

introduzca la descripción de la imagen aquí

  1. Ejecutar código de estudio visual.
  2. Presione [ ctrl + P ]
  3. Pega " ext install csharp " y pulsa .

Una vez hecho los pasos anteriores, la extensión C # está disponible en VS Code.

introduzca la descripción de la imagen aquí

  • Ahora configura .net core.

Descarga .net core sdk desde aquí . Elija Windows => CommandLine.

introduzca la descripción de la imagen aquí

Instale el SDK como a continuación.

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

.Net core sdk la instalación se realizó con éxito.

Paso 3 - Crear una plantilla MVC básica.


  • Cree su nueva carpeta de proyecto y ábrala en el símbolo del sistema de Windows con la ubicación de la carpeta del proyecto.

introduzca la descripción de la imagen aquí

  • Escribe " dotnet new -t web " y pulsa. Esto es para crear una nueva plantilla mvc.

introduzca la descripción de la imagen aquí

  • Una vez completado Vaya a la ubicación del proyecto y vea que se ha creado el proyecto básico de mvc.

introduzca la descripción de la imagen aquí

  • Luego escribe " dotnet restore " y pulsa. Esto es para restaurar todos los paquetes del archivo project.json.

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

  • Ahora inicie VScode y abra la carpeta del proyecto.

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

Ahora finalmente puede ver el proyecto mvc en código VS.

Todos los archivos de estructura de mvc básicos que puede ver. [Model-View-Controller]

Paso 4 - Ejecutar y depurar la aplicación.

Abra la carpeta del proyecto en VScode.

Muestra aquí estoy configurando el punto de interrupción en el controlador de casa.

introduzca la descripción de la imagen aquí

Ahora haga clic en la opción de depuración.

introduzca la descripción de la imagen aquí

agregar la configuración de depuración como a continuación. Asegúrese de que .Net Core Launch (web) esté seleccionado.

introduzca la descripción de la imagen aquí

introduzca la descripción de la imagen aquí

Puede ver que el punto de ruptura llegará, una vez que comience la depuración presionando el ícono ejecutar.

Entonces dale continuar. La página web se mostrará en el navegador como a continuación. introduzca la descripción de la imagen aquí

La página web se ve rota.

Presione " F12 " o abra la herramienta de desarrollo.

Puedes ver algunos errores en la consola.

introduzca la descripción de la imagen aquí

Pocos archivos bootstrap y jquery no fueron cargados.

[Encuentre un script y archivos css con Ctrl + shift + f en el código VS e ingrese el nombre del archivo perdido y busque.]

Solucione esto agregando scripts con cdn o la ubicación exacta del archivo en el archivo de diseño.

introduzca la descripción de la imagen aquí

Ahora refresca la página y mira.

introduzca la descripción de la imagen aquí

Ahora el sitio parece estar bien y no hay más errores de consola finalmente.

Feliz codificacion



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow