Atom & Angular2

Il est bien sûr possible d’utiliser l’IDE de votre choix pour développer des applications Angular (il est quand même préférable que l’IDE comprenne TypeScript).

Nous allons ici parler d’un nouveau venu : Atom. Il est édité par Github et est complètement open-source. Vous pouvez d’ailleurs trouver le code source ici. Il est recommandé d’utiliser Git (En même temps c’est édité par Github …), mais vous pouvez très bien utiliser votre outil de versioning préféré (svn, tfs …).

Atom est développé en JavaScript avec electron, qui a notamment été utilisé pour développer Visual Studio Code, slack, le client lourd WordPress ou encore le navigateur web Brave.  Atom est plus proche d’un éditeur de texte dans la lignée d’un sublime-text, mais est écrit en JavaScript, et donc facilement « hackable ». Pour installer Atom, rien de plus simple, rendez-vous sur la page officielle et téléchargez le fichier correspondant à votre système (Linux, Mac ou Windows).

Atom est utilisable tel quel, mais il libère tout son potentiel une fois que quelques plugins sont installés.

Atom est fourni avec APM Atom Package Manager qui fonctionne comme npm (probablement un fork ou je ne sais quoi). Vous aurez donc deux possibilités pour installer un plugin :

1. via votre terminal en utilisant la commande  apm install <packageName>
2. via les settings d’atom edit >> preferences >> install

Attention si vous êtes derrière un proxy, aucune de ces deux méthodes ne fonctionnera. Il vous faudra alors configurer apm de la même manière que pour npm.

apm config set proxy "http://<votreDomaine>:<votrePort>"
apm config set https_proxy proxy "http://<votreDomaine>:<votrePort>"

Les 12 plugins indispensables pour développer avec Angular

Plugins Atom de base

• atom-beautify
• terminal-plus
• autocomplete-modules
• emmet (anciennement zen-coding)
• minimap
• highlight-selected
• minimap-highlight-selected
• minimap-pigments
• pigments
• color-picker
• toolbar

Plugins Atom pour Angular2

• atom-typescript

Pour Aller plus loin

Participez à notre formation sur Angular & Ionic notre toute nouvelle formation pour le développement hybride sur Mobile & Smartphone.