CLI angular in ASP.NET Core 2 Modello angular?

Conosco le basi di Angular e ASP.NET Core 2, ma non al livello che mi permetterebbe di capire come funziona questo modello.

Ho provato a generare componenti utilizzando la CLI angular in Visual Studio Code, tuttavia, dice che non ho la CLI. Penso che sia il pacchetto web che mantiene la CLI e consente tutte le cose interessanti che vengono fornite con il modello, ma c’è un modo di usare la CLI nonostante ciò? Oppure, ad esempio, posso generare manualmente i componenti creando i file e aggiungendo dipendenze?

Non riesco a trovare alcuna documentazione sul modello o un tutorial che possa usarlo.

Prima di tutto dopo aver installato l’angular cli a livello globale:

npm install @angular/[email protected] -g

Devi prima creare un progetto angular al di fuori del tuo progetto principale con questo comando:

ng new hello-world

Ora vai nella directory del progetto e copia il file .angular-cli.json nella radice del tuo progetto principale core dot net. Quindi devi modificare questa parte del file:

"root" : "src" cambia in "root" : "ClientApp"

Successivamente, devi installare angularCli dev nella tua radice del tuo progetto:

cd DotNetCoreProject

npm install @angular/[email protected] --save-dev

Tutto è stato fatto!

Ora vai alla tua directory dei componenti del tuo progetto:

cd ClientApp/app/components

e crea il tuo componente nella directory dei componenti nel terminale:

ng gc MyComponent --module='app.module.browser.ts'

Lo studio visivo supporta la CLI angular con il progetto Asp.Net Core nella versione più recente del modello di progetto Angular in asp.net core 2.1.

  1. Se si utilizza ASP.NET Core 2.0, installare la versione più recente del modello di progetto Angular:

    1.1. Apri lo studio visivo

    1.2. Vai a strumenti -> NuGet Package Manager -> Gestione pacchetti Manager ed esegui questo comando:

    dotnet new –install Microsoft.DotNet.Web.Spa.ProjectTemplates

Se si dispone di ASP.NET Core 2.1, non è necessario installarlo.

  1. Crea una cartella vuota per il tuo progetto ed esegui cmd come amministratore e naviga in questa cartella (in alternativa, premi Alt + D in una cartella vuota e scrivi cmd come amministratore).

  2. Crea un nuovo progetto angular con i seguenti comandi:

    dotnet new angular -o my-new-app
    cd my-new-app

L’app Angolare, che risiede nella sottodirectory ClientApp, è destinata a essere utilizzata per tutti i problemi relativi all’interfaccia utente.

  1. Vai alla cartella ClientApp con il comando ‘cd ClientApp’.

Se non hai installato il pacchetto angular-cli, esegui il comando ‘npm install -g @ angular / cli’.

inserisci la descrizione dell'immagine qui

  1. Eseguire il comando ‘npm install’ per installare i node_modules.

inserisci la descrizione dell'immagine qui

  1. Eseguire il comando ‘ng gc testComponent’ (un comando Angular-CLI) per creare un componente di prova.

inserisci la descrizione dell'immagine qui

Il componente test aggiunto a solution explorer

inserisci la descrizione dell'immagine qui

Esegui ognuno dei comandi della CLI angular:

inserisci la descrizione dell'immagine qui

In bocca al lupo

Microsoft

CLI angular

in .angular-cli.json nella parte “apps” sostituisce “./src” in “src”

“app”: [{“root”: “src”, “outDir”: “dist”,