Pourquoi devons-nous installer Node.js pour Angular 2.0 ?

Question

J'ai commencé un tutoriel sur Angular 2.0, la première étape de la mise en place de l'espace de travail consiste à installer Node.js et NPM.

Pourquoi devons-nous installer Node.js pour Angular 2.0 ?

Je ne me souviens pas avoir fait ça pour angular 1.X.

Answer 1

Techniquement Node.js et NPM ne sont pas nécessaires pour travailler avec Angular2. Cela facilite cependant les choses. Voici les principales raisons que je suppose être derrière ce choix :

• CLI : Depuis un certain temps, la façon de facto de construire et de développer de nouvelles applications Angular est d'utiliser l'outil CLI qui s'appuie également sur Node et NPM.

• TypeScript : Les exemples sont des .ts, et vous devez exécuter une étape de compilation pour les transformer en .js, ce qui peut être fait à la volée facilement avec Node.js et NPM (en plus c'est un moyen d'obtenir facilement des fichiers de typage) ;

• Serveur Web : Servir votre SPA Angular à partir d'un "vrai" serveur web, même s'il est léger, permet d'éviter certains problèmes désagréables liés à la vérification de votre site à l'aide de file:// liens.

Le guide de démarrage rapide lui-même continue en fait à mentionner quelques raisons plus concrètes également :

Voici ce que font ces scripts :

• npm start - exécute le compilateur et un serveur en même temps, tous deux en "mode veille".

• npm run tsc - exécute le compilateur TypeScript une fois

• npm run tsc:w - exécute le compilateur TypeScript en mode veille ; le processus continue de fonctionner, attendant les modifications apportées aux fichiers TypeScript et recompilant lorsqu'il les voit.

• npm run lite - fait fonctionner le lite-server, un serveur de fichiers statique et léger, avec un excellent support pour les applications Angular qui utilisent le routage.

• npm run typings - exécute l'outil de typage séparément

• npm run postinstall - appelé par npm automatiquement après avoir terminé avec succès l'installation du paquet. Ce script installe les fichiers de définition TypeScript définis dans typings.json.

Vous pouvez également jeter un coup d'œil à la source Quickstart et de plonger plus avant dans les domaines où NPM est nécessaire.

---

Note de bas de page : il y a un question similaire concernant la nécessité de disposer de Node.js pour AngularJS (1.x) .

Answer 2

Parce qu'Anglar2 est basé sur Typescript, Web Components et ES6 qui nécessitent une compilation pour les performances et un support plus large des navigateurs. Typescript est compilé en ES5 JavaScript et les autres fonctionnalités nécessitent des cales pour la rétrocompatibilité.

Étant donné que Typescript est un surensemble de JavaScript et qu'il est compilé en JavaScript de toute façon, vous pouvez écrire votre code en JavaScript pur, mais ce n'est pas recommandé.

Pour une explication plus détaillée, consultez ces vidéos sur YouTube.

• Pourquoi Typescript
• Étapes de l'installation

Answer 3

NodeJS vous offre l'outil npm qui vous permet de télécharger les bibliothèques et les paquets que vous utiliseriez dans Angular 2. Depuis le shell, vous pouvez aller dans votre dossier et taper npm install pour installer les dépendances dont vous avez besoin pour lancer votre projet Angular. Cela vous facilitera la tâche ! Si vous voulez un kit de démarrage complet, allez à l'adresse suivante https://github.com/buckyroberts Si vous avez besoin de plus d'informations, vous pouvez télécharger le zip avec tous les fichiers de démarrage pour commencer :)

Answer 4

Vous n'avez pas besoin d'utiliser Node en production pour utiliser n'importe quel framework JavaScript frontal, qu'il s'agisse de jQuery, AngularJS, ReactJS, Angular2, etc.

Angular2 peut être utilisé de manière isolée mais pour obtenir et sentir un meilleur environnement de développement, angular2 devrait être utilisé avec nodejs et npm. Certains des modules nodejs vous aident dans le développement web.