7
7
< title > Introduction · Introduction à VueJS</ title >
8
8
< meta http-equiv ="X-UA-Compatible " content ="IE=edge " />
9
9
< meta name ="description " content ="">
10
- < meta name ="generator " content ="GitBook 3.2.2 ">
10
+ < meta name ="generator " content ="GitBook 3.2.3 ">
11
11
12
12
13
13
@@ -250,9 +250,11 @@ <h1>
250
250
< section class ="normal markdown-section ">
251
251
252
252
< h1 id ="introduction "> Introduction</ h1 >
253
- < p > < a href ="http://slides.com/t3kstiil3/deck-13 " target ="_blank "> http://slides.com/t3kstiil3/deck-13</ a >
254
- < a href ="https://slides.com/t3kstiil3/deck-13/live " target ="_blank "> https://slides.com/t3kstiil3/deck-13/live</ a >
255
- Pendant ce codelab, nous allons créer une petite application d'E-Commerce avec la bibliothèque VueJS.</ p >
253
+ < p > Pendant ce codelab, nous allons créer une petite application d'E-Commerce avec la bibliothèque VueJS. </ p >
254
+ < ul >
255
+ < li > < a href ="http://slides.com/t3kstiil3/deck-13 " target ="_blank "> http://slides.com/t3kstiil3/deck-13</ a > </ li >
256
+ < li > < a href ="https://slides.com/t3kstiil3/deck-13/live " target ="_blank "> https://slides.com/t3kstiil3/deck-13/live</ a > </ li >
257
+ </ ul >
256
258
< h2 id ="prérequis "> Prérequis</ h2 >
257
259
< p > Pour faire ce codelab, vous avez besoin des outils suivants :</ p >
258
260
< ul >
@@ -262,22 +264,24 @@ <h2 id="prérequis">Prérequis</h2>
262
264
</ ul >
263
265
< p > Pour aider au développement, vous pouvez utiliser l'extention Chrome < strong > Vue-devtools</ strong > (< a href ="https://github.com/vuejs/vue-devtools " target ="_blank "> https://github.com/vuejs/vue-devtools</ a > )</ p >
264
266
< p > Afin d'éviter les problèmes de réseau le jour J, veuillez cloner ce projet et exécuter les commandes suivantes :</ p >
265
- < pre > < code class ="lang-shell "> git clone -b step1 https://github.com/T3kstiil3/handson-vuejs
266
- npm i -g vue-cli
267
- cd handson-vuejs
268
- vue init webpack .
269
- npm install axios vue-router vee-validate vuex --save
270
- npm install
267
+ < pre > < code class ="lang-shell "> git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
268
+
269
+ npm install -g @vue/cli
270
+ # OR
271
+ yarn global add @vue/cli
271
272
</ code > </ pre >
272
273
< p > Pour vérifier que tout marche correctement:</ p >
273
- < pre > < code > npm test
274
- </ code > </ pre > < p > Tout devrait être vert !</ p >
275
- < h2 id ="par-où-commencer- "> Par où commencer ?</ h2 >
274
+ < pre > < code > vue --version
275
+ vue --help
276
+ </ code > </ pre > < p > Vous devriez avoir une version > 3.* et une liste de command pour commencer votre projet.</ p >
277
+ < h2 id =""> </ h2 >
276
278
< p > Tous les exercices qui vont suivre se baseront sur deux pages statiques que nous avons développées.
277
279
Le but sera d'intégrer ces pages dans une application VueJS.</ p >
278
280
< p > Pour récupérer ces templates, veuillez exécuter la commande suivante :</ p >
279
281
< pre > < code class ="lang-shell "> git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
280
282
</ code > </ pre >
283
+ < h2 id ="exercices "> Exercices</ h2 >
284
+ < p > < a href ="http://aurelien-loyer.fr/handson-vuejs/ " target ="_blank "> http://aurelien-loyer.fr/handson-vuejs/</ a > </ p >
281
285
282
286
283
287
</ section >
@@ -317,7 +321,7 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
317
321
< script >
318
322
var gitbook = gitbook || [ ] ;
319
323
gitbook . push ( function ( ) {
320
- gitbook . page . hasChanged ( { "page" :{ "title" :"Introduction" , "level" :"1.1" , "depth" :1 , "next" :{ "title" :"PW1 - Getting Started" , "level" :"1.2" , "depth" :1 , "path" :"pws/PW1.md" , "ref" :"pws/PW1.md" , "articles" :[ ] } , "dir" :"ltr" } , "config" :{ "plugins" :[ ] , "styles" :{ "website" :"styles/website.css" , "pdf" :"styles/pdf.css" , "epub" :"styles/epub.css" , "mobi" :"styles/mobi.css" , "ebook" :"styles/ebook.css" , "print" :"styles/print.css" } , "pluginsConfig" :{ "highlight" :{ } , "search" :{ } , "lunr" :{ "maxIndexSize" :1000000 , "ignoreSpecialCharacters" :false } , "sharing" :{ "facebook" :true , "twitter" :true , "google" :false , "weibo" :false , "instapaper" :false , "vk" :false , "all" :[ "facebook" , "google" , "twitter" , "weibo" , "instapaper" ] } , "fontsettings" :{ "theme" :"white" , "family" :"sans" , "size" :2 } , "theme-default" :{ "styles" :{ "website" :"styles/website.css" , "pdf" :"styles/pdf.css" , "epub" :"styles/epub.css" , "mobi" :"styles/mobi.css" , "ebook" :"styles/ebook.css" , "print" :"styles/print.css" } , "showLevel" :false } } , "theme" :"default" , "pdf" :{ "pageNumbers" :true , "fontSize" :12 , "fontFamily" :"Arial" , "paperSize" :"a4" , "chapterMark" :"pagebreak" , "pageBreaksBefore" :"/" , "margin" :{ "right" :62 , "left" :62 , "top" :56 , "bottom" :56 } } , "structure" :{ "langs" :"LANGS.md" , "readme" :"README.md" , "glossary" :"GLOSSARY.md" , "summary" :"SUMMARY.md" } , "variables" :{ } , "title" :"Introduction à VueJS" , "gitbook" :"*" } , "file" :{ "path" :"README.md" , "mtime" :"2017-05-31T20:54:51.000Z" , "type" :"markdown" } , "gitbook" :{ "version" :"3.2.2" , "time" :"2017-05-31T23:18:30.430Z" } , "basePath" :"." , "book" :{ "language" :"" } } ) ;
324
+ gitbook . page . hasChanged ( { "page" :{ "title" :"Introduction" , "level" :"1.1" , "depth" :1 , "next" :{ "title" :"PW1 - Getting Started" , "level" :"1.2" , "depth" :1 , "path" :"pws/PW1.md" , "ref" :"pws/PW1.md" , "articles" :[ ] } , "dir" :"ltr" } , "config" :{ "plugins" :[ ] , "styles" :{ "website" :"styles/website.css" , "pdf" :"styles/pdf.css" , "epub" :"styles/epub.css" , "mobi" :"styles/mobi.css" , "ebook" :"styles/ebook.css" , "print" :"styles/print.css" } , "pluginsConfig" :{ "highlight" :{ } , "search" :{ } , "lunr" :{ "maxIndexSize" :1000000 , "ignoreSpecialCharacters" :false } , "sharing" :{ "facebook" :true , "twitter" :true , "google" :false , "weibo" :false , "instapaper" :false , "vk" :false , "all" :[ "facebook" , "google" , "twitter" , "weibo" , "instapaper" ] } , "fontsettings" :{ "theme" :"white" , "family" :"sans" , "size" :2 } , "theme-default" :{ "styles" :{ "website" :"styles/website.css" , "pdf" :"styles/pdf.css" , "epub" :"styles/epub.css" , "mobi" :"styles/mobi.css" , "ebook" :"styles/ebook.css" , "print" :"styles/print.css" } , "showLevel" :false } } , "theme" :"default" , "pdf" :{ "pageNumbers" :true , "fontSize" :12 , "fontFamily" :"Arial" , "paperSize" :"a4" , "chapterMark" :"pagebreak" , "pageBreaksBefore" :"/" , "margin" :{ "right" :62 , "left" :62 , "top" :56 , "bottom" :56 } } , "structure" :{ "langs" :"LANGS.md" , "readme" :"README.md" , "glossary" :"GLOSSARY.md" , "summary" :"SUMMARY.md" } , "variables" :{ } , "title" :"Introduction à VueJS" , "gitbook" :"*" } , "file" :{ "path" :"README.md" , "mtime" :"2019-03-26T18:24:28.668Z" , "type" :"markdown" } , "gitbook" :{ "version" :"3.2.3" , "time" :"2019-03-26T18:35:48.599Z" } , "basePath" :"." , "book" :{ "language" :"" } } ) ;
321
325
} ) ;
322
326
</ script >
323
327
</ div >
0 commit comments