Angular 2 CLI Integration in Visual Studio 2015

Question

Ich versuche eine eckige 2-Anwendung in Visual Studio 2015 mit angular2 CLI-Setup zu erstellen.

Ich habe die folgenden Schritte zum Einrichten getan, um das Projekt

1. den folgenden Befehl ausführen, der die cli

   npm i -g angular-cli

2. den folgenden Befehl ausführen installiert, die

   Datei- und Ordnerstruktur erstellt

   ng new projectname

3. Führen Sie den folgenden Befehl, um das Projekt

   ng serve

standardmäßig die Winkel 2 App auf Port serviert baut 4200. Also, wenn ich die http://localhost:4200 ausführen, kann ich die index.html sehen Seite wird im Browser bedient. Ich verstehe, dass es über ng Server und nicht IIS bedient wird. Bitte korrigieren Sie mich, wenn ich falsch liege. Wenn ich die Ordner- und Dateistruktur kopiere und in meine Visual Studio-Lösung einfüge und sie ausführe, sehe ich, dass Visual Studio einen eigenen Port verwendet. Selbst wenn ich den Port in den Projekteigenschaften auf 4200 setze und http://localhost:4200 versuche und ausführe, funktioniert es. Ich glaube, es liegt daran, dass es jetzt von IIS gehostet wird und IIS keine Ahnung von dieser Anwendung hat. Könnte mir jemand sagen, wie man es in Echtzeit Szenario

gehe ich im Grunde versuche, Änderungen in der HTML-Code und führen Sie den Code mit Visual Studio 2015 Editor. Ich habe keine Änderungen reflektiert

Answer 1

Eine Ansicht Ihrer Dateistruktur wäre hilfreich. Es klingt, als ob Sie Visual Studio einfach als IDE verwenden. Wenn das stimmt, würde ich mir keine Sorgen über den grünen Spielknopf machen. Sie müssen die Aufgabe ausführen, damit sie erstellt wird. Task Runner ist also Ihr Freund. Oder öffne einfach die Konsole und führe Befehle von dort aus.

Ich persönlich bevorzuge nur eine IDE, wie Visual Studio-Code, aber wenn Sie VS verwenden müssen, dann empfehle ich den folgenden Link.

Here is a good reference for running an Angular 2 project in Visual Studio without putting it in an ASP.NET project

Answer 2

Hier ist ein detaillierteres Beispiel How To Use Angular CLI With Visual Studio 2017, die auch mit Visual Studio arbeitet 2015

Es wird ausführlich darüber, wie das Pre-Build-Build-Ereignis des Projektes einzustellen ng build auszuführen. Außerdem wird gezeigt, wie die CLI-Ausgabe mithilfe der Datei packages.json in eine ASP.NET-Webanwendung kopiert wird.