Vue Set Up

Posted on  by admin

You’re browsing the documentation for v2.x and earlier. For v3.x, click here. Vue does not support IE8 and below, because it uses ECMAScript 5 features that are un-shimmable in IE8. However it supports all ECMAScript 5 compliant browsers. Vue follows Semantic Versioning in all its official projects for documented features and behavior.


For undocumented behavior or exposed internals, changes are described in release notes.

Latest stable version: 2.6.14. Detailed release notes for each version are available on GitHub. When using Vue, we recommend also installing the Vue Devtools in your browser, allowing you to inspect and debug your Vue applications in a more user-friendly interface. Simply download and include with a script tag.

Objective: To setup a local Vue development environment, create a starter app, and understand the basics of how it works.

Explanation of Different Builds

Vue will be registered as a global variable. Don’t use the minified version during development. You will miss out on all the nice warnings for common mistakes! With full warnings and debug mode. Warnings stripped, 33.46KB min+gzip.

For prototyping or learning purposes, you can use the latest version with:. For production, we recommend linking to a specific version number and build to avoid unexpected breakage from newer versions:. If you are using native ES Modules, there is also an ES Modules compatible build:. You can browse the source of the NPM package at Vue is also available on unpkg and cdnjs (cdnjs takes some time to sync so the latest release may not be available yet). Make sure to read about the different builds of Vue and use the production version in your published site, replacing vue.js with vue.min.js.

This is a smaller build optimized for speed instead of development experience. NPM is the recommended installation method when building large scale applications with Vue. It pairs nicely with module bundlers such as Webpack or Browserify. Vue also provides accompanying tools for authoring Single File Components. Vue provides an official CLI for quickly scaffolding ambitious Single Page Applications.

It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds. See the Vue CLI docs for more details. The CLI assumes prior knowledge of Node.js and the associated build tools.

AMD Module Loaders

If you are new to Vue or front-end build tools, we strongly suggest going through the guide without any build tools before using the CLI. In the dist/ directory of the NPM package you will find many different builds of Vue.js. Here’s an overview of the difference between them:. Full: builds that contain both the compiler and the runtime. Compiler: code that is responsible for compiling template strings into JavaScript render functions.

Dev Build

Runtime: code that is responsible for creating Vue instances, rendering and patching virtual DOM, etc. Basically everything minus the compiler. UMD: UMD builds can be used directly in the browser via a