Configuration minimaliste d'Angular2

Question

J'ai du mal à comprendre ce qui est réellement nécessaire pour utiliser les fonctionnalités de base d'Angular2 avec Typescript. En d'autres termes, à quoi ressemble un projet minimaliste ? Quelles dépendances dois-je absolument avoir dans un "vrai" projet (pas seulement "Hello World", mais rien de complexe) ?

Je me rends compte que cette question a des réponses, par exemple, sur la site angulaire mais ils semblent inclure beaucoup d'informations générales. Les livres sur Angular semblent être dépassés. Par exemple, j'ai lancé npm install sur angular2 et j'ai obtenu des paquets différents de ceux listés dans ng-book2 (même s'il est vrai que je l'ai obtenu il y a un certain temps, donc il a pu être mis à jour).

1. Installer nœud OU ASSUREZ-VOUS D'AVOIR LA DERNIÈRE VERSION ! Même les installations relativement récentes peuvent être dépassées. Le moyen le plus simple de réinstaller node sous Windows est d'aller sur le site et de télécharger à nouveau le programme d'installation.
2. npm install angular2
3. npm install -g typescript
4. ? ??

Je suis en train de lancer une prime sur ce projet, donc il serait bien d'obtenir une liste d'étapes et un peu de code d'exemple avec une fonctionnalité de base. Je suis également intéressé par ce qui doit être référencé dans le projet et pourquoi. (Par exemple, une différence que j'ai remarquée par rapport à Angular 1 est que les gens semblent référencer plusieurs fichiers dans le dossier d'Angular 2 que npm installe, pourquoi ?)

P.S. De préférence avec Webpack, ou une explication sur le fait que SystemJs et WebPack peuvent être ignorés pour une installation minimaliste.

Answer 1

Voici un plunker pour la configuration minimale d'angular2. C'est le modèle de départ utilisé par l'équipe angular.

http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5?p=catalogue

They have been maintaining this link as they update the framework.

Answer 2

Réponse 1 :

Je viens de tomber sur un lien - Réglage manuel Environnement Angular 2 dont explique vraiment pourquoi nous ajoutons tel ou tel fichier pour la configuration de notre application Angular 2.

• Il y a des étapes manuelles impliquées, alors par rapport à npm install angular-cli nous avons intérêt (jusqu'à un certain point) à savoir ce que nous faisons
• Il est minimaliste - pas d'essais - il suffit d'inclure ce qui est nécessaire à l'activité de l'entreprise. Angular2 - Bonjour le monde .

Il y a une erreur que j'ai trouvée dans un fichier de code qu'ils ont fourni. Dans index.html au lieu de

System.import('/angular2/src/app/environment_main')
            .then(null, console.error.bind(console));

Consultez le site

 System.import('/app/environment_main')
            .then(null, console.error.bind(console));

Il doit s'agir du chemin relatif du fichier où nous indiquons à Angular de charger le composant.

J'espère que cela répondra à vos attentes.

---

Réponse 2 :

Après nodejs vous pouvez le faire en utilisant seulement 3 commandes.

npm install -g typings
npm install -g angular-cli

ng new PROJECT_NAME

Cela va créer un nouveau projet avec Angular2.

Exécutez les commandes :

ng new PROJECT_NAME
cd PROJECT_NAME
ng serve

Voilà, vous avez maintenant un projet d'exemple simple réalisé avec Angular 2. Vous pouvez maintenant naviguer vers le lien affiché dans le terminal et voir ce qui est en cours d'exécution.

---

Pour les débutants, je suggère une première approche pour mieux comprendre - ce qui se passe et tout

Answer 3

Angular2 est un framework et a beaucoup de dépendances. Donc oui, il y a beaucoup de choses à configurer pour que tout fonctionne.

Le démarrage rapide d'Angular2 est ce dont vous avez besoin. Donc, pour une réponse courte : le projet minimal est presque le même que celui d'un projet complexe (libs/dépendances/construction).

La seule chose que vous pouvez sauter à partir de ce démarrage rapide sont les tests.

Answer 4

Angular 2 est un framework modulaire, il existe des modules de base et de nombreux modules optionnels. Ces modules peuvent être reliés entre eux pour former différents types d'applications avec différentes fonctionnalités.

Il y a une bonne documentation officielle à ce sujet ici https://angular.io/docs/ts/latest/guide/architecture.html

Pour ce qui est de la façon la plus rapide de commencer, je recommande angular-cli, il suffit d'utiliser la branche webpack. https://github.com/angular/angular-cli/tree/v1.0.0-beta.11-webpack.8

Answer 5

J'ai décrit comment créer le projet minimaliste Angular 2 RC.6 qui utilise SystemJS ici : https://yakovfain.com/2016/09/01/starting-an-angular-2-rc-6-project/

Pour le projet minimaliste basé sur Webpack, voir ce projet : https://github.com/Farata/angular2typescript/tree/master/chapter10/basic-webpack-starter