Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

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

Add user login and MFA to your next project in minutes. Create a free Okta developer account, drop in one of our SDKs to your application and get back to building.

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.

Installation

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.

CDN

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

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.

Launch your application faster with Okta’s user management API. Register today for the free forever developer edition!

Topics:
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 }}