angularjs - started - nodejs




Warum haben wir Node.js für Angular 2.0 installiert? (3)

Ich habe ein Tutorial zu Angular 2.0 gestartet, der erste Schritt beim Einrichten des Arbeitsbereichs ist die Installation von Node.js und NPM.

Warum haben wir Node.js für Angular 2.0 installiert?

Ich erinnere mich nicht, dies für eckigen 1.X zu tun.


NodeJS bietet Ihnen das Tool npm, mit dem Sie Bibliotheken und Pakete herunterladen können, die Sie in Angular 2 verwenden. Von der Shell aus können Sie zu Ihrem Ordner gehen und npm install eingeben, um die Abhängigkeiten zu installieren, die Sie installieren müssen. Es wird es dir leichter machen! Wenn du ein komplettes Starterkit willst, geh zu https://github.com/buckyroberts , kannst du den Zip mit all den Starterfiles forkieren oder herunterladen, um dich zum Laufen zu bringen :)


Sogar Sie müssen den Knoten nirgends in der Produktion verwenden, um ein Front-End-Javascript-Framework zu verwenden. ob es jQuery, AngularJS, ReactJS, Angular2 usw. ist

Angular2 kann isoliert verwendet werden, aber um eine bessere Entwicklungsumgebung zu erhalten und zu fühlen, sollte angular2 mit nodejs und npm verwendet werden. Einige der Module von nodejs helfen Ihnen bei der Webentwicklung.


Technisch werden Node.js und NPM nicht benötigt, um Angular2 zu arbeiten. Es erleichtert jedoch die Dinge. Hier sind die Hauptgründe, warum ich spekuliere, hinter dieser Entscheidung:

  • TypeScript : Die Beispiele sind .ts, und Sie müssen einen Compiler-Schritt ausführen, um sie in .js zu bekommen, was einfach mit Node.js und NPM erledigt werden kann (und es ist eine Möglichkeit, Dateien einfach zu tippen) ;
  • Webserver : Wenn Sie Ihr Angular SPA von einem "echten", wenn auch leichten Webserver aus bedienen, werden wahrscheinlich einige unangenehme Probleme vermieden, die beim Überprüfen Ihrer Website mit file:// Links auftreten.

Der Quickstart-Leitfaden selbst erwähnt weiterhin einige konkretere Gründe:

Hier ist, was diese Skripte tun:

  • npm start - Läuft den Compiler und einen Server gleichzeitig, beide im "Watch Mode"

  • npm run tsc - npm run tsc den TypeScript-Compiler einmal aus

  • npm run tsc:w - npm run tsc:w den TypeScript-Compiler im Watch-Modus laufen; Der Prozess läuft weiter, wartet auf Änderungen an TypeScript-Dateien und rekompiliert, wenn er sie sieht

  • npm run lite - npm run lite auf dem lite-Server, einem leichten, statischen Dateiserver mit hervorragender Unterstützung für Angular-Apps, die Routing verwenden

  • npm run typings - führt das typings-Tool separat aus

  • npm run postinstall - wird von npm automatisch aufgerufen, nachdem npm run postinstall erfolgreich abgeschlossen wurde. Dieses Skript installiert die TypeScript-Definitionsdateien, die in typings.json definiert sind

Sie können sich auch die Quickstart-Quelle ansehen und weiter darüber nachdenken, wo NPM benötigt wird.





angular