Angular CLI dans ASP.NET Core 2 Angular modèle?
Je connais les bases de Angular et d’ASP.NET Core 2, mais pas au niveau qui me permettrait de comprendre le fonctionnement de ce modèle.
J'ai essayé de générer des composants à l'aide de Angular CLI dans Visual Studio Code. Toutefois, cela indique que je ne dispose pas de la CLI. Je pense que c'est la solution Webpack qui conserve la CLI et permet tous les éléments intéressants fournis avec le modèle, mais existe-t-il un moyen d'utiliser la CLI malgré cela? Ou dois-je, par exemple, générer des composants manuellement en créant les fichiers et en ajoutant des dépendances?
Je ne trouve pas de documentation sur le modèle ni de didacticiel qui l'utilise.
Tout d'abord après avoir installé angular cli globalement:
npm install @angular/cli@latest -g
Vous devez d'abord créer un projet angulaire en dehors de votre projet principal avec cette commande:
ng new hello-world
Maintenant, allez dans le répertoire du projet et copiez le fichier .angular-cli.json à la racine de votre projet principal de net net . Ensuite, vous devez éditer cette partie du fichier:
"root" : "src"changer pour"root" : "ClientApp"
Ensuite, vous devez installer angularCli dev à la racine de votre projet:
cd DotNetCoreProject
npm install @angular/cli@latest --save-dev
Tout était fait!
Maintenant, allez dans votre répertoire composant de votre projet:
cd ClientApp/app/components
et créez votre composant dans répertoire du composant in terminal:
ng g c MyComponent --module='app.module.browser.ts'
Visual Studio prend en charge Angular CLI avec le projet Asp.Net Corein dans la dernière version du modèle de projet Angular dans asp.net core 2.1.
Si vous utilisez ASP.NET Core 2.0, installez la dernière version du projet Angular :
1.1. Ouvrir le studio visuel
1.2. Allez dans les outils -> Gestionnaire de paquets NuGet -> Console du gestionnaire de paquets et exécutez cette commande:
dotnet new --installe Microsoft.DotNet.Web.Spa.ProjectTemplates
Si vous avez ASP.NET Core 2.1, il n'est pas nécessaire de l'installer.
Créez un dossier vide pour votre projet et exécutez cmd en tant qu'administrateur et accédez à Ce dossier (ou appuyez sur Alt + D dans un dossier vide et écrivez cmd en tant qu'administrateur).
Créez un nouveau projet angulaire avec les commandes ci-dessous:
nouvelle bulle angulaire -o my-new-app
cd my-new-app
L'application Angular, résidant dans le sous-répertoire ClientApp, Est destinée à être utilisée pour toutes les préoccupations relatives à l'interface utilisateur.
- Accédez au dossier ClientApp avec la commande 'cd ClientApp'.
Si vous n'avez pas installé le paquet angular-cli, exécutez la commande 'npm install -g @ angular/cli'.
- Exécutez la commande 'npm install' pour installer les node_modules.
- Exécutez la commande 'ng g c testComponent' (commande Angular-CLI) pour créer un testComponent.
Le composant de test ajouté à la solution Explorer
Exécutez chacune des commandes Angular de la CLI:
Bonne chance
dans .angular-cli.json dans la partie "applications", remplacer "./src" par "src"
"apps": [{"root": "src", "outDir": "dist",