Skip to content

Commit be3722c

Browse files
committed
feat: start update lab to cli 3 🖖
1 parent 7db6713 commit be3722c

20 files changed

+7630
-71
lines changed

README.md

Lines changed: 17 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,8 @@
22

33
Pendant ce codelab, nous allons créer une petite application d'E-Commerce avec la bibliothèque VueJS.
44

5-
* http://slides.com/aurelienloyer/handson-vuejs
6-
* http://slides.com/aurelienloyer/handson-vuejs/live
5+
* http://slides.com/t3kstiil3/deck-13
6+
* https://slides.com/t3kstiil3/deck-13/live
77

88
## Prérequis
99

@@ -18,24 +18,31 @@ Pour aider au développement, vous pouvez utiliser l'extention Chrome **Vue-devt
1818
Afin d'éviter les problèmes de réseau le jour J, veuillez cloner ce projet et exécuter les commandes suivantes :
1919

2020
```shell
21-
git clone -b step1 https://github.com/T3kstiil3/handson-vuejs
22-
npm i -g vue-cli
23-
cd handson-vuejs
24-
vue init webpack .
25-
npm install axios vue-router vee-validate vuex --save
26-
npm install
21+
git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
22+
23+
npm install -g @vue/cli
24+
# OR
25+
yarn global add @vue/cli
2726
```
27+
2828
Pour vérifier que tout marche correctement:
2929
```
30-
npm test
30+
vue --version
31+
vue --help
3132
```
32-
Tout devrait être vert !
33+
Vous devriez avoir une version > 3.* et une liste de command pour commencer votre projet.
3334

3435
##
3536

3637
Tous les exercices qui vont suivre se baseront sur deux pages statiques que nous avons développées.
3738
Le but sera d'intégrer ces pages dans une application VueJS.
3839

40+
Pour récupérer ces templates, veuillez exécuter la commande suivante :
41+
42+
```shell
43+
git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
44+
```
45+
3946
## Exercices
4047

4148
http://aurelien-loyer.fr/handson-vuejs/

docs/gitbook/gitbook.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/gitbook/theme.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/index.html

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<title>Introduction · Introduction à VueJS</title>
88
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
99
<meta name="description" content="">
10-
<meta name="generator" content="GitBook 3.2.2">
10+
<meta name="generator" content="GitBook 3.2.3">
1111

1212

1313

@@ -250,9 +250,11 @@ <h1>
250250
<section class="normal markdown-section">
251251

252252
<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&#xE9;er une petite application d&apos;E-Commerce avec la biblioth&#xE8;que VueJS.</p>
253+
<p>Pendant ce codelab, nous allons cr&#xE9;er une petite application d&apos;E-Commerce avec la biblioth&#xE8;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>
256258
<h2 id="pr&#xE9;requis">Pr&#xE9;requis</h2>
257259
<p>Pour faire ce codelab, vous avez besoin des outils suivants :</p>
258260
<ul>
@@ -262,22 +264,24 @@ <h2 id="pr&#xE9;requis">Pr&#xE9;requis</h2>
262264
</ul>
263265
<p>Pour aider au d&#xE9;veloppement, vous pouvez utiliser l&apos;extention Chrome <strong>Vue-devtools</strong> (<a href="https://github.com/vuejs/vue-devtools" target="_blank">https://github.com/vuejs/vue-devtools</a>)</p>
264266
<p>Afin d&apos;&#xE9;viter les probl&#xE8;mes de r&#xE9;seau le jour J, veuillez cloner ce projet et ex&#xE9;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
271272
</code></pre>
272273
<p>Pour v&#xE9;rifier que tout marche correctement:</p>
273-
<pre><code>npm test
274-
</code></pre><p>Tout devrait &#xEA;tre vert !</p>
275-
<h2 id="par-o&#xF9;-commencer-">Par o&#xF9; commencer ?</h2>
274+
<pre><code>vue --version
275+
vue --help
276+
</code></pre><p>Vous devriez avoir une version &gt; 3.* et une liste de command pour commencer votre projet.</p>
277+
<h2 id=""> </h2>
276278
<p>Tous les exercices qui vont suivre se baseront sur deux pages statiques que nous avons d&#xE9;velopp&#xE9;es.
277279
Le but sera d&apos;int&#xE9;grer ces pages dans une application VueJS.</p>
278280
<p>Pour r&#xE9;cup&#xE9;rer ces templates, veuillez ex&#xE9;cuter la commande suivante :</p>
279281
<pre><code class="lang-shell">git clone -b step0 https://github.com/T3kstiil3/handson-vuejs
280282
</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>
281285

282286

283287
</section>
@@ -317,7 +321,7 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
317321
<script>
318322
var gitbook = gitbook || [];
319323
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":""}});
321325
});
322326
</script>
323327
</div>

0 commit comments

Comments
 (0)