You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/v2/guide/installation.md
+35-35Lines changed: 35 additions & 35 deletions
Original file line number
Diff line number
Diff line change
@@ -11,7 +11,7 @@ ro_gz_size: "18.71"
11
11
12
12
### Compatibilité
13
13
14
-
<pclass="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).
15
15
16
16
### Notes de version
17
17
@@ -46,24 +46,24 @@ $ npm install vue
46
46
47
47
## CLI
48
48
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 :
50
50
51
51
```bash
52
-
#install vue-cli
52
+
#installer vue-cli
53
53
$ 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"
55
55
$ vue init webpack my-project
56
-
#install dependencies and go!
56
+
#installer les dépendances et c'est parti !
57
57
$ cd my-project
58
58
$ npm install
59
59
$ npm run dev
60
60
```
61
61
62
-
<pclass="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 <ahref="./">the guide</a> without any build tools before using the CLI.</p>
62
+
<pclass="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 <ahref="./">le guide</a> sans aucun outil de *build* avant d'utiliser l'interface CLI.</p>
63
63
64
-
## Explanation of Different Builds
64
+
## Explication des différents *builds*
65
65
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 :
67
67
68
68
|| UMD | CommonJS | ES Module |
69
69
| --- | --- | --- | --- |
@@ -72,41 +72,41 @@ In the [`dist/` directory of the NPM package](https://unpkg.com/vue@latest/dist/
-**Full**: builds that contains both the compiler and the runtime.
77
+
-**Full**: des *builds* qui contiennent la partie Compiler ainsi que la version Runtime.
78
78
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.
80
80
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.
82
82
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`).
84
84
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`).
86
86
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`).
88
88
89
-
### Runtime + Compiler vs. Runtime-only
89
+
### Runtime + Compiler vs. Runtime seul
90
90
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 :
92
92
93
93
```js
94
-
//this requires the compiler
94
+
//ceci a besoin d'un compilateur
95
95
newVue({
96
96
template:`<div>{{ hi }}</div>`
97
97
})
98
98
99
-
//this does not
99
+
//ceci n'en a pas besoin
100
100
newVue({
101
101
render (h) {
102
102
returnh('div', this.hi)
103
103
}
104
104
})
105
105
```
106
106
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.
108
108
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*:
110
110
111
111
#### Webpack
112
112
@@ -115,7 +115,7 @@ module.exports = {
115
115
// ...
116
116
resolve: {
117
117
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
119
119
}
120
120
}
121
121
}
@@ -138,7 +138,7 @@ rollup({
138
138
139
139
#### Browserify
140
140
141
-
Add to your project's `package.json`:
141
+
Ajoutez au fichier `package.json` de votre projet :
142
142
143
143
```js
144
144
{
@@ -149,17 +149,17 @@ Add to your project's `package.json`:
149
149
}
150
150
```
151
151
152
-
### Development vs. Production Mode
152
+
### Mode dévelopement vs. mode production
153
153
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.
155
155
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.
157
157
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.
159
159
160
160
#### Webpack
161
161
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 :
163
163
164
164
```js
165
165
var webpack =require('webpack')
@@ -179,7 +179,7 @@ module.exports = {
179
179
180
180
#### Rollup
181
181
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):
183
183
184
184
```js
185
185
constreplace=require('rollup-plugin-replace')
@@ -196,19 +196,19 @@ rollup({
196
196
197
197
#### Browserify
198
198
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*.
Also see [Production Deployment Tips](deployment.html).
205
+
Référez vous également aux [conseils de déploiment en production](deployment.html).
206
206
207
-
### CSP environments
207
+
### Environnements CSP
208
208
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.
210
210
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.
212
212
213
213
## Build de développement
214
214
@@ -223,7 +223,7 @@ npm run build
223
223
224
224
## Bower
225
225
226
-
Only UMD builds are available from Bower.
226
+
Seulement les *builds* UMD sont disponibles depuis Bower.
0 commit comments