Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit ab52d4f

Browse files
committed
Translate guide/installation
1 parent 754d5b1 commit ab52d4f

File tree

1 file changed

+92
-0
lines changed

1 file changed

+92
-0
lines changed

Diff for: fr/guide/installation.md

+92
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
---
2+
title: Installation
3+
description: Démarrer avec Nuxt.js est vraiment facile. Un projet simple n'a besoin que d'une dépendance, `nuxt`.
4+
---
5+
6+
> Démarrer avec Nuxt.js est vraiment facile. Un projet simple n'a besoin que d'une dépendance: `nuxt`.
7+
8+
## Utilisation du template de base de Nuxt.js
9+
10+
Afin de démarrer rapidement, l'équipe Nuxt.js a créé un [starter template](https://github.com/nuxt/starter).
11+
12+
[Télécharge le .zip](https://github.com/nuxt/starter/archive/source.zip) du *starter template* ou installe le l'aide de vue-cli:
13+
14+
```bash
15+
$ vue init nuxt/starter <project-name>
16+
```
17+
18+
> Si [vue-cli](https://github.com/vuejs/vue-cli) n'est pas installée, merci de l'installer via `npm install -g vue-cli`
19+
20+
puis install les dépendances:
21+
22+
```bash
23+
$ cd <nom-du-projet>
24+
$ npm install
25+
```
26+
27+
et démarre le projet avec:
28+
```bash
29+
$ npm run dev
30+
```
31+
L'application est désormais accessible ici: [http://localhost:3000](http://localhost:3000)
32+
33+
<p class="Alert">Nuxt.js surveille les modifications faites sur les fichiers du répertoire `pages`; pas besoin de redémarrer le serveur quand vous ajoutez de nouvelles pages</p>
34+
35+
Pour en savoir plus sur la structure des dossier du projet: [Directory Structure Documentation](/guide/directory-structure).
36+
37+
## Commencer depuis zéro
38+
39+
La création d'une application Nuxt.js à partir de zéro est également très simple, elle ne nécessite qu'*1 fichier et 1 répertoire*. Créez un répertoire vide pour commencer à travailler sur l'application:
40+
41+
```bash
42+
$ mkdir <nom-du-projet>
43+
$ cd <nom-du-projet>
44+
```
45+
46+
*Info: remplace nom-du-projet par le nom du projet.*
47+
48+
### package.json
49+
50+
Le projet a besoin d'un fichier `package.json` avec un script permettant de lancer `nuxt`:
51+
```json
52+
{
53+
"name": "mon-application",
54+
"scripts": {
55+
"dev": "nuxt"
56+
}
57+
}
58+
```
59+
`scripts` lancera Nuxt.js via `npm run dev`.
60+
61+
### Installation de `nuxt`
62+
63+
Une fois que `package.json` est créé, ajoutez `nuxt` au projet via npm:
64+
```bash
65+
npm install --save nuxt
66+
```
67+
68+
### Le dossier `pages`
69+
70+
Nuxt.js transforme chaque fichier `*.vue` se trouvant dans le dossier `pages` en une route pour l'application.
71+
72+
Créez le dossier `pages`:
73+
```bash
74+
$ mkdir pages
75+
```
76+
77+
puis créez la première page `pages/index.vue`:
78+
```html
79+
<template>
80+
<h1>Hello world!</h1>
81+
</template>
82+
```
83+
84+
puis lancez le projet:
85+
```bash
86+
$ npm run dev
87+
```
88+
L'application est désormais accessible ici: [http://localhost:3000](http://localhost:3000)
89+
90+
<p class="Alert">Nuxt.js surveille les modifications faites sur les fichiers du répertoire `pages`; pas besoin de redémarrer le serveur quand vous ajoutez de nouvelles pages</p>
91+
92+
Pour en savoir plus sur la structure des dossier du projet: [Directory Structure Documentation](/guide/directory-structure).

0 commit comments

Comments
 (0)