Ricerca…


introduzione

Questo articolo fornisce un'idea sull'installazione e l'installazione del core Asp.Net con codice dello studio visivo. Crea anche template MVC di base e debugging.

Passi coinvolti di seguito ...

Passaggio 1: installazione del codice di Visual Studio.

Passaggio 2: configurazione di .Net core e C #.

Passaggio 3: creazione di un modello MVC di base.

Passaggio 4: Esegui e esegui il debug dell'applicazione.

Osservazioni

Questo articolo è in procinto di installare da zero con codice di studio visivo open source e creare ed eseguire il debug di applicazioni di rete .net core mvc.

  • La posizione del file utilizzata sopra è cambiata secondo gli utenti, nessun vincolo.
  • Ho bisogno di internet per scaricare le impostazioni.

Passaggio 1: installazione del codice dello studio visivo


  • Scarica il codice dello studio visivo da qui Codice studio visivo . Seleziona il tuo programma di installazione di destinazione [mac | windows | linux].

inserisci la descrizione dell'immagine qui


  • Vai al file scaricato nel tuo locale.

inserisci la descrizione dell'immagine qui

  • Di seguito i passaggi richiesti per l'installazione

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

L'installazione è terminata correttamente.

Passaggio 2: configurazione di .Net core e C #.

Dopo aver installato il codice di Visual Studio, configura .net core e C #.

inserisci la descrizione dell'immagine qui

  1. Avvia il codice di Visual Studio.
  2. Premi [ ctrl + P ]
  3. incollare " ext install csharp " questo e premere .

Una volta fatto sopra i passaggi, estensione C # disponibile in VS Code.

inserisci la descrizione dell'immagine qui

  • Ora configura .net core.

Scarica .net core sdk da qui . Scegli Windows => CommandLine.

inserisci la descrizione dell'immagine qui

Installa il sdk come di seguito.

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

. Installazione core sdk eseguita correttamente.

Passaggio 3: creazione di un modello MVC di base.


  • Crea la tua nuova cartella del progetto e apri nel prompt dei comandi di Windows con il percorso della cartella del progetto.

inserisci la descrizione dell'immagine qui

  • Scrivi " dotnet new -t web " e premi. Questo è per creare un nuovo modello di mvc.

inserisci la descrizione dell'immagine qui

  • Una volta completato. VAI al luogo del progetto e vedi che il progetto mvc di base è stato creato.

inserisci la descrizione dell'immagine qui

  • Quindi digitare " dotnet restore " e premere. Questo serve per ripristinare tutti i pacchetti dal file project.json.

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

  • Ora avvia VScode e apri la cartella del progetto.

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

Ora puoi finalmente vedere il progetto mvc nel codice VS.

Tutti i file di base della struttura del mvc che puoi vedere. [Model-View-Controller]

Passaggio 4: Esegui e esegui il debug dell'applicazione.

Apri la cartella del progetto in VScode.

Esempio qui sto impostando il punto di rottura nel controller di casa.

inserisci la descrizione dell'immagine qui

Ora fai clic sull'opzione di debug.

inserisci la descrizione dell'immagine qui

aggiungere la configurazione di debug come di seguito. Assicurati che .Net core Launch (web) sia selezionato.

inserisci la descrizione dell'immagine qui

inserisci la descrizione dell'immagine qui

Puoi vedere il punto di interruzione colpirà, una volta che avvii il debugging, premi l'icona run.

Quindi continua. La pagina Web verrà mostrata nel browser come di seguito. inserisci la descrizione dell'immagine qui

La pagina Web sembra rotta.

Premere " F12 " o aprire lo strumento di sviluppo.

Puoi vedere alcuni errori nella console.

inserisci la descrizione dell'immagine qui

Pochi file bootstrap e jquery non sono stati caricati.

[Trova uno script e file CSS con Ctrl + Maiusc + f nel codice VS e inserisci nome file e ricerca mancanti.]

Risolvi questo problema aggiungendo script con cdn o posizione esatta del file nel file di layout.

inserisci la descrizione dell'immagine qui

Ora aggiorna la pagina e guarda.

inserisci la descrizione dell'immagine qui

Ora il sito sembra soddisfacente e non ci sono più errori di console.

Buona programmazione.



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow