Skip to content

Commit de7472b

Browse files
committed
Merge branch 'master' of https://github.com/vuejs-fr/vuejs.org
2 parents 51aa630 + 4ece035 commit de7472b

File tree

1 file changed

+35
-35
lines changed

1 file changed

+35
-35
lines changed

src/v2/guide/installation.md

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ ro_gz_size: "18.71"
1111

1212
### Compatibilité
1313

14-
<p class="tip">**Cette page est en cours de traduction française. Revenez une autre fois pour lire une traduction achevée ou [participez à la traduction française ici](https://github.com/vuejs-fr/vuejs.org).**</p>Vue **ne** supporte **pas** IE8 et les versions antérieures, car il utilise des fonctionnalités ECMAScript 5 qui ne peuvent pas être émulées sur IE8. Cela dit, Vue supporte tous les [navigateurs compatibles ECMAScript 5](http://caniuse.com/#feat=es5).
14+
Vue **ne** supporte **pas** IE8 et les versions antérieures, car il utilise des fonctionnalités ECMAScript 5 qui ne peuvent pas être émulées sur IE8. Cela dit, Vue supporte tous les [navigateurs compatibles ECMAScript 5](http://caniuse.com/#feat=es5).
1515

1616
### Notes de version
1717

@@ -46,24 +46,24 @@ $ npm install vue
4646

4747
## CLI
4848

49-
Vue.js provides an [official CLI](https://github.com/vuejs/vue-cli) for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds:
49+
Vue.js offre une [CLI](https://github.com/vuejs/vue-cli) (interface en ligne de commande) officielle pour mettre rapidement en place les bases d'une application monopage ambitieuse. Il offre une série de *builds* pré-configurés pour un *workflow frontend* moderne. Cela ne prend que quelques minutes pour commencer et lancer des rechargements à chaud, de l'analyse syntaxique à la sauvegarde, et des *builds* prêts pour la production :
5050

5151
``` bash
52-
# install vue-cli
52+
# installer vue-cli
5353
$ npm install --global vue-cli
54-
# create a new project using the "webpack" template
54+
# créer un nouveau projet en utilisant le template "webpack"
5555
$ vue init webpack my-project
56-
# install dependencies and go!
56+
# installer les dépendances et c'est parti !
5757
$ cd my-project
5858
$ npm install
5959
$ npm run dev
6060
```
6161

62-
<p class="tip">The CLI assumes prior knowledge of Node.js and the associated build tools. If you are new to Vue or front-end build tools, we strongly suggest going through <a href="./">the guide</a> without any build tools before using the CLI.</p>
62+
<p class="tip">Utiliser la CLI nécessite des connaissances préalables en Node.js et les outils de *build* associés. Si vous êtes nouveau sur Vue ou les outils de *build front-end*, nous vous recommandons fortement de parcourir <a href="./">le guide</a> sans aucun outil de *build* avant d'utiliser l'interface CLI.</p>
6363

64-
## Explanation of Different Builds
64+
## Explication des différents *builds*
6565

66-
In the [`dist/` directory of the NPM package](https://unpkg.com/vue@latest/dist/) you will find many different builds of Vue.js. Here's an overview of the difference between them:
66+
Dans le [dossier `dist/` du package NPM](https://unpkg.com/vue@latest/dist/) vous trouverrez plusieurs *builds* différents de Vue.js. Voici un aperçu des différences entre chacun d'eux :
6767

6868
| | UMD | CommonJS | ES Module |
6969
| --- | --- | --- | --- |
@@ -72,41 +72,41 @@ In the [`dist/` directory of the NPM package](https://unpkg.com/vue@latest/dist/
7272
| **Full (production)** | vue.min.js | - | - |
7373
| **Runtime-only (production)** | vue.runtime.min.js | - | - |
7474

75-
### Terms
75+
### Termes
7676

77-
- **Full**: builds that contains both the compiler and the runtime.
77+
- **Full**: des *builds* qui contiennent la partie Compiler ainsi que la version Runtime.
7878

79-
- **Compiler**: code that is responsible for compiling template strings into JavaScript render functions.
79+
- **Compiler**: le code qui est responsable de la compilation des chaînes de caractère de template en des fonctions de rendu en JavaScript.
8080

81-
- **Runtime**: code that is responsible for creating Vue instances, rendering and patching virtual DOM, etc. Basically everything minus the compiler.
81+
- **Runtime**: le code qui est responsable de la création des instances de Vue, de faire le rendu et les modifications du DOM virtuel. C'est à dire tout, sauf ce que fait la partie Compiler.
8282

83-
- **[UMD](https://github.com/umdjs/umd)**: UMD builds can be used directly in the browser via a `<script>` tag. The default file from Unpkg CDN at [https://unpkg.com/vue](https://unpkg.com/vue) is the Runtime + Compiler UMD build (`vue.js`).
83+
- **[UMD](https://github.com/umdjs/umd)**: Les *builds* UMD peuvent être utilisés directement dans un navigateur directement avec la balise `<script>`. Le fichier par défaut du CDN Unpkg à l'adresse [https://unpkg.com/vue](https://unpkg.com/vue) est le *build* UMD Runtime + Compiler (`vue.js`).
8484

85-
- **[CommonJS](http://wiki.commonjs.org/wiki/Modules/1.1)**: CommonJS builds are intended for use with older bundlers like [browserify](http://browserify.org/) or [webpack 1](https://webpack.github.io). The default file for these bundlers (`pkg.main`) is the Runtime only CommonJS build (`vue.runtime.common.js`).
85+
- **[CommonJS](http://wiki.commonjs.org/wiki/Modules/1.1)**: Les *builds* CommonJS sont prévus pour une utilisation avec les vieux outils de *bundle* comme [browserify](http://browserify.org/) ou [webpack 1](https://webpack.github.io). Le fichier par défaut pour ces outils (`pkg.main`) est le *build* CommonJS Runtime (`vue.runtime.common.js`).
8686

87-
- **[ES Module](http://exploringjs.com/es6/ch_modules.html)**: ES module builds are intended for use with modern bundlers like [webpack 2](https://webpack.js.org) or [rollup](http://rollupjs.org/). The default file for these bundlers (`pkg.module`) is the Runtime only ES Module build (`vue.runtime.esm.js`).
87+
- **[ES Module](http://exploringjs.com/es6/ch_modules.html)**: Les *builds* ES module sont prévus pour une utilisation avec les outils de *bundle* modernes comme [webpack 2](https://webpack.js.org) ou [rollup](http://rollupjs.org/). Le fichier par défaut pour ces outils (`pkg.module`) est le *build* ES Module Runtime (`vue.runtime.esm.js`).
8888

89-
### Runtime + Compiler vs. Runtime-only
89+
### Runtime + Compiler vs. Runtime seul
9090

91-
If you need to compile templates on the fly (e.g. passing a string to the `template` option, or mounting to an element using its in-DOM HTML as the template), you will need the compiler and thus the full build:
91+
Si vous avez besoin de compiler des templates en temps réel (ex. : passer une chaîne de caractère à l'option `template`, ou monter un élément en vous servant de sa représentation HTML dans le DOM comme template) vous aurez besoin du compilateur et donc du *build* Full :
9292

9393
``` js
94-
// this requires the compiler
94+
// ceci a besoin d'un compilateur
9595
new Vue({
9696
template: `<div>{{ hi }}</div>`
9797
})
9898

99-
// this does not
99+
// ceci n'en a pas besoin
100100
new Vue({
101101
render (h) {
102102
return h('div', this.hi)
103103
}
104104
})
105105
```
106106

107-
When using `vue-loader` or `vueify`, templates inside `*.vue` files are pre-compiled into JavaScript at build time. You don't really need the compiler in the final bundle, and can therefore use the runtime-only build.
107+
En utilisant `vue-loader` ou `vueify`, les templates à l'intérieur des fichiers `*.vue` sont pré-compilés en JavaScript pendant l'étape de *build*. Vous n'avez donc pas réellement besoin du compilateur dans le *bundle* final et pouvez dans ce cas utiliser la version du *build* Runtime.
108108

109-
Since the runtime-only builds are roughly 30% lighter-weight than their full-build counterparts, you should use it whenever you can. If you still wish to use the full build instead, you need to configure an alias in your bundler:
109+
Puisque le *build* Runtime est approximativement 30% plus léger que son homologue le *build* Full, vous devriez l'utiliser autant que possible. Si vous souhaitez toujours utiliser le *build* Full à la place, vous avez besoin de configurer un alias dans votre outil de *bundle* :
110110

111111
#### Webpack
112112

@@ -115,7 +115,7 @@ module.exports = {
115115
// ...
116116
resolve: {
117117
alias: {
118-
'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
118+
'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' pour webpack 1
119119
}
120120
}
121121
}
@@ -138,7 +138,7 @@ rollup({
138138

139139
#### Browserify
140140

141-
Add to your project's `package.json`:
141+
Ajoutez au fichier `package.json` de votre projet :
142142

143143
``` js
144144
{
@@ -149,17 +149,17 @@ Add to your project's `package.json`:
149149
}
150150
```
151151

152-
### Development vs. Production Mode
152+
### Mode dévelopement vs. mode production
153153

154-
Development/production modes are hard-coded for the UMD builds: the un-minified files are for development, and the minified files are for production.
154+
Les modes développement et production sont écrit en dure dans les *builds* UMD : les fichiers non minifiés son pour le développement, et les fichier minifiés sont pour la production.
155155

156-
CommonJS and ES Module builds are intended for bundlers, therefore we don't provide minified versions for them. You will be responsible for minifying the final bundle yourself.
156+
Les *builds* CommonJS et ES Module sont prévus pour les outils de *bundle*, donc nous ne fournissons pas de version minifié pour eux. Vous aurez à votre charge de minifier le *bundle* final vous-même.
157157

158-
CommonJS and ES Module builds also preserve raw checks for `process.env.NODE_ENV` to determine the mode they should run in. You should use appropriate bundler configurations to replace these environment variables in order to control which mode Vue will run in. Replacing `process.env.NODE_ENV` with string literals also allows minifiers like UglifyJS to completely drop the development-only code blocks, reducing final file size.
158+
Les *builds* CommonJS et ES Module contiennent une utilisation de `process.env.NODE_ENV` pour déterminer le mode qu'ils doivent suivre. Vous devriez utiliser une configuration d'outil de *bundle* appropriée pour remplacer ces variables afin de contrôler avec quel mode Vue doit être exécuté. Remplacer `process.env.NODE_ENV` avec une chaîne de caractère littérale permet aux outils de minification comme UglifyJS de complètement retirer les pends de code réservés au développement, réduisant ainsi la taille du fichier final.
159159

160160
#### Webpack
161161

162-
Use Webpack's [DefinePlugin](https://webpack.js.org/plugins/define-plugin/):
162+
Utiliser la fonction [DefinePlugin](https://webpack.js.org/plugins/define-plugin/) de Webpack :
163163

164164
``` js
165165
var webpack = require('webpack')
@@ -179,7 +179,7 @@ module.exports = {
179179

180180
#### Rollup
181181

182-
Use [rollup-plugin-replace](https://github.com/rollup/rollup-plugin-replace):
182+
Utilisez le [rollup-plugin-replace](https://github.com/rollup/rollup-plugin-replace) :
183183

184184
``` js
185185
const replace = require('rollup-plugin-replace')
@@ -196,19 +196,19 @@ rollup({
196196

197197
#### Browserify
198198

199-
Apply a global [envify](https://github.com/hughsk/envify) transform to your bundle.
199+
Appliquez une transformation [envify](https://github.com/hughsk/envify) globale à votre *bundle*.
200200

201201
``` bash
202202
NODE_ENV=production browserify -g envify -e main.js | uglifyjs -c -m > build.js
203203
```
204204

205-
Also see [Production Deployment Tips](deployment.html).
205+
Référez vous également aux [conseils de déploiment en production](deployment.html).
206206

207-
### CSP environments
207+
### Environnements CSP
208208

209-
Some environments, such as Google Chrome Apps, enforce Content Security Policy (CSP), which prohibits the use of `new Function()` for evaluating expressions. The standalone build depends on this feature to compile templates, so is unusable in these environments.
209+
Certains environnements, tels que les Applications de Google Chrome, font respecter la politique de sécurité de contenu (*Content Security Policy* - CSP), qui ne permet pas l'utilisation de `new Function()` pour évaluer les expressions. Le *build standalone* a besoin de cette fonctionnalité pour compiler les templates, elle n'est donc pas utilisable dans ces environnements.
210210

211-
On the other hand, the runtime-only build is fully CSP-compliant. When using the runtime-only build with [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) or [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple), your templates will be precompiled into `render` functions which work perfectly in CSP environments.
211+
D'un autre côté, le *build runtime* respecte pleinement les CSP. Quand vous utilisez le *build runtime* avec [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) ou [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple), vos templates vont être pré-compilé dans les fonctions `render` qui fonctionnent parfaitement dans des environnements CSP.
212212

213213
## Build de développement
214214

@@ -223,7 +223,7 @@ npm run build
223223

224224
## Bower
225225

226-
Only UMD builds are available from Bower.
226+
Seulement les *builds* UMD sont disponibles depuis Bower.
227227

228228
``` bash
229229
# dernière version stable

0 commit comments

Comments
 (0)