Getting Started With VueJS

DZone 's Guide to

Getting Started With VueJS

Here are some quick tips for installing VueJS.

· Web Dev Zone ·
Free Resource

In this tutorial, we're going to look at the basics of getting started with VueJS.

VueJS is a JavaScript framework which is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. It is similar to the likes of React or Angular 2. After a bit of research about what JavaScript framework to learn, I've decided to learn VueJS.


There are multiple ways to install Vue - you can either download the source files, use a CDN, or use npm to include the package.

Download Source

Development Version

Production Version

Do not use the production version during development as you will miss out on debug messages from the script.


There are a few sources that will allow you to use Vue from a CDN. It is recommended to use unpkg as this will reflect the latest version that is published to npm.

<script src="https://unpkg.com/vue/dist/vue.js"></script>

There is also jsdelivr and cdnjs.

<script src="https://cdn.jsdelivr.net/vue/2.0.1/vue.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.1/vue.js"></script>


NPM can be used to include Vue in your projects, it's recommended to use this method over including the file from a CDN as the CDN file can change when new versions are released.

To install using NPM use the following command.

npm install vue

Or you can install via Bower using

bower install vue

Over the next couple of weeks, I'm going to be creating some examples and these will be placed in this Github repository.

javascript, vue.js, web dev

Published at DZone with permission of Paul Underwood , DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}