Aller au contenu principal

5-3 Démarrer l'application

Ouvrir le projet​

Si ce n'est pas déjà fait, vous pouvez ouvrir le dossier dans Webstorm à partir de File -> Open.

Une fois le projet ouvert, vous devriez voir quelque chose comme ceci: Imgur

Détection automatique du type de projet​

Remarquez que Webstorm a détecté que le projet est un projet Angular.

Imgur

Démarrer le serveur de développement​

Pour démarrer le serveur de développement, vous n'avez qu'à appuyer sur la flèche verte Play dans le haut.

Imgur

Cela compilera l'application et rendera accessible l'application via http://localhost:4200/.

Vous devriez voir dans la console de WebStorm:

> houdini@0.0.0 start
> ng serve

Initial chunk files | Names         | Raw size
main.js             | main          |  2.47 kB | 
styles.css          | styles        | 96 bytes | 
polyfills.js        | polyfills     | 95 bytes | 

                    | Initial total |  2.66 kB

Application bundle generation complete. [1.500 seconds]

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  ➜  Local:   http://localhost:4200/
  ➜  press h + enter to show help

Vous pouvez lancer un navigateur à l'adresse http://localhost:4200/ pour obtenir:

http://localhost:4200

Welcome to houdini!

Démarrer le serveur de développement manuellement​

Si vous n'utilisez pas WebStorm, vous pouvez démarrer le serveur de développement en ligne de commande en exécutant:

ng serve

Ouvrir automatiquement le navigateur​

Vous pouvez exécuter la même commande avec le paramètre --open afin d'ouvrir automatiquement votre navigateur par défaut:

ng serve --open