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: README.md
+10-10Lines changed: 10 additions & 10 deletions
<
8000
/li>
Original file line number
Diff line number
Diff line change
@@ -16,7 +16,7 @@ A short, concise tutorial on the popular front-end framework Vue.js. Written for
16
16
#### Installation and Usage <aname="installation"></a>
17
17
Vue.js is tremendously simple to install and use. Although we will be using the Vue command line interface (vue-cli), you can get started with Vue in 3 different ways.
18
18
19
-
**CDN:**<br>
19
+
**CDN:**
20
20
Import Vue.js into your `index.html` file using the `<script>` tag.
21
21
22
22
```html
@@ -30,38 +30,38 @@ Start by creating a project with npm
30
30
```bash
31
31
$ npm init -y
32
32
```
33
-
<br>
34
-
33
+
34
+
35
35
Install Vue and save dependencies
36
36
```bash
37
37
$ npm install -s vue
38
38
```
39
-
<br>
40
-
39
+
41
40
Then in your `index.html` file reference vue with a `<script>` tag
\* As a note: in the `/dist` folder of the `vue` npm package, there are many other versions that refer to different builds of Vue.js. We will only be using the Full build. For more information see [here](https://vuejs.org/v2/guide/installation.html#Explanation-of-Different-Builds)
48
-
<br><br>
49
-
**Vue-CLI:** <br>
47
+
48
+
49
+
**Vue-CLI:**
50
50
This is the method we will most often use. The Vue-CLI allows us to quickly create Single Page Applications with built in templates.
51
51
Start by installing the Vue-CLI module from NPM
52
52
53
53
```bash
54
54
$ sudo npm install -g vue-cli
55
55
```
56
56
57
-
Create your project using the CLI with the command `vue init <template-name> <project-name>`<br>
57
+
Create your project using the CLI with the command `vue init <template-name> <project-name>`
58
58
Ex:
59
59
```bash
60
60
$ vue init webpack-simple myFirstVueProject
61
61
```
62
62
63
-
<br>
64
-
**JSFiddle:**<br>
63
+
64
+
**JSFiddle:**
65
65
You can play around with Vue.js in JSFiddle's [Hello World Example](https://jsfiddle.net/chrisvfritz/50wL7mdz/)
0 commit comments