Configurer WebStorm pour votre projet AngularJS

Installer et lancer WebStorm

webstorm-splash-000

 

Créer un nouveau projet

webstorm-project-setup-yeoman-001

 

Un nouveau projet Yeoman!

webstorm-project-setup-yeoman-002

 

Installer Node.js si ce n’est pas déjà fait

webstorm-project-setup-yeoman-003

 

Passez en ligne de commande et utiliser npm pour installer Yeoman

webstorm-project-setup-yeoman-004

 

Identifier votre dossier d’installation Yo

webstorm-project-setup-yeoman-005

 

Installer le générateur Angular

webstorm-project-setup-yeoman-006

 

Étape 1) Utiliser Grunt et non Gulp

webstorm-project-setup-yeoman-007

 

2) Utiliser Sass à votre convenance

webstorm-project-setup-yeoman-008

 

3) Inclure Twitter Bootstrap

webstorm-project-setup-yeoman-009

 

4) Utiliser la version Sass, si Sass a été installé

webstorm-project-setup-yeoman-010

 

5) Sélectionner les modules Angular à installer

webstorm-project-setup-yeoman-011

 

6) Mettre à jour votre fichier package.json

webstorm-project-setup-yeoman-012

 

7) npm install & bower install pour tout télécharger

webstorm-project-setup-yeoman-013

À vos marques, soyez prêts, codez!

 

Webstorm 11 - fenêtre principale

 

Exécutez grunt serve et la magie s’opère

Excutez grunt test

Vos tests sont aussi importants que votre code!

Exécutez grunt default

Comments

comments