|
| 1 | +--- |
| 2 | +title: Commandes |
| 3 | +description: Nuxt.js est livré avec un ensemble de commandes utiles, tant pour le développement que pour la production. |
| 4 | +--- |
| 5 | + |
| 6 | +> Nuxt.js est livré avec un ensemble de commandes utiles, tant pour le développement que pour la production. |
| 7 | +
|
| 8 | +## Liste des commandes |
| 9 | + |
| 10 | +| Commande | Description | |
| 11 | +|---------|-------------| |
| 12 | +| nuxt | Lancer un serveur de développement sur [localhost:3000](http://localhost: 3000) avec hot-reloading. | |
| 13 | +| nuxt build | Créez votre application avec un serveur Web et minifiez le JS & CSS (pour la production). | |
| 14 | +| nuxt start | Démarrez le serveur en mode production (après avoir exécuté `nuxt build`). | |
| 15 | +| nuxt generate | Créez l'application et générez toutes les routes en tant que fichiers HTML (utilisé pour l'hébergement statique). | |
| 16 | + |
| 17 | +Vous devriez ajouter ces commandes à `package.json`: |
| 18 | + |
| 19 | +```json |
| 20 | +"scripts": { |
| 21 | + "dev": "nuxt", |
| 22 | + "build": "nuxt build", |
| 23 | + "start": "nuxt start", |
| 24 | + "generate": "nuxt generate" |
| 25 | +} |
| 26 | +``` |
| 27 | + |
| 28 | +Ensuite, vous pouvez lancer vos commandes via `npm run <command>` (exemple: `npm run dev`). |
| 29 | + |
| 30 | +## Environnement de développement |
| 31 | + |
| 32 | +Pour lancer Nuxt dans le mode de développement avec le hot-reloading: |
| 33 | + |
| 34 | +```bash |
| 35 | +nuxt |
| 36 | +// OU |
| 37 | +npm run dev |
| 38 | +``` |
| 39 | + |
| 40 | +## Déploiement en production |
| 41 | + |
| 42 | +Nuxt.js permet de choisir entre 2 modes de déploiement de votre application: Rendu côté serveur ou généré de manière statique. |
| 43 | + |
| 44 | +### Rendu côté serveur |
| 45 | + |
| 46 | +Pour déployer, au lieu d'exécuter nuxt, vous voulez probablement construire à l'avance. Par conséquent, la construction et le démarrage sont des commandes distinctes: |
| 47 | + |
| 48 | +```bash |
| 49 | +nuxt build |
| 50 | +nuxt start |
| 51 | +``` |
| 52 | + |
| 53 | +Le fichier `package.json` suivant est recommandé: |
| 54 | +```json |
| 55 | +{ |
| 56 | + "name": "my-app", |
| 57 | + "dependencies": { |
| 58 | + "nuxt": "latest" |
| 59 | + }, |
| 60 | + "scripts": { |
| 61 | + "dev": "nuxt", |
| 62 | + "build": "nuxt build", |
| 63 | + "start": "nuxt start" |
| 64 | + } |
| 65 | +} |
| 66 | +``` |
| 67 | + |
| 68 | +Note: nous recommandaons d'ajouter `.nuxt` dans `.npmignore` ou `.gitignore`. |
| 69 | + |
| 70 | +### Généré de manière statique |
| 71 | + |
| 72 | +Nuxt.js vous offre la possibilité d'héberger votre application Web sur tout hébergement statique. |
| 73 | + |
| 74 | +Pour générer votre application Web en fichiers statiques: |
| 75 | + |
| 76 | +```bash |
| 77 | +npm run generate |
| 78 | +``` |
| 79 | + |
| 80 | +Il créera un dossier `dist` avec tout à l'intérieur prêt à être déployé sur un hébergement statique. |
| 81 | + |
| 82 | +Si vous avez un projet avec des [routes dynamiques](/guide/routing#dynamic-routes), regarder la [configuration de la commande generate](/api/configuration-generate) afin de dire à nuxt.js comment générer ces routes dynamiques. |
| 83 | + |
| 84 | +<div class="Alert">Lors de la génération de votre application Web avec `nuxt generate`, le contexte donné à [data()](/guide/async-data#the-data-method) et [fetch()](/guide/vuex-store#the-fetch-method) n'a pas de `req` et `res`.</div> |
0 commit comments