8000 Update README.md · MissionVistaCS/Vue.js-Tutorial@4e2d798 · GitHub
[go: up one dir, main page]

Skip to content

Commit 4e2d798

Browse files
authored
Update README.md
1 parent f79fd20 commit 4e2d798

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

README.md

Lines changed: 10 additions & 10 deletions
  • < 8000 /li>
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ A short, concise tutorial on the popular front-end framework Vue.js. Written for
1616
#### Installation and Usage <a name="installation"></a>
1717
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.
1818

19-
**CDN:** <br>
19+
**CDN:**
2020
Import Vue.js into your `index.html` file using the `<script>` tag.
2121

2222
```html
@@ -30,38 +30,38 @@ Start by creating a project with npm
3030
```bash
3131
$ npm init -y
3232
```
33-
<br>
34-
33+
34+
3535
Install Vue and save dependencies
3636
```bash
3737
$ npm install -s vue
3838
```
39-
<br>
40-
39+
4140
Then in your `index.html` file reference vue with a `<script>` tag
4241
``` html
4342
<body>
4443
<script src="node_modules/dist/vue/vue.js"></script>
4544
</body>
4645
```
4746
\* 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:**
5050
This is the method we will most often use. The Vue-CLI allows us to quickly create Single Page Applications with built in templates.
5151
Start by installing the Vue-CLI module from NPM
5252

5353
```bash
5454
$ sudo npm install -g vue-cli
5555
```
5656

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>`
5858
Ex:
5959
```bash
6060
$ vue init webpack-simple myFirstVueProject
6161
```
6262

63-
<br>
64-
**JSFiddle:** <br>
63+
64+
**JSFiddle:**
6565
You can play around with Vue.js in JSFiddle's [Hello World Example](https://jsfiddle.net/chrisvfritz/50wL7mdz/)
6666

6767

0 commit comments

Comments
 (0)
0