How to Check Current Vue Js Application Version?

Last updated on by Digamber

Bear with me because I’m going to show you how to check the existing Vue.js application version number quickly.

Before we go any further, i want to tell you that we have three methods through which we can identify the Vue version. All three ways are exorbitantly convenient.

This step is a little bit off the topic but for those who don’t know how to install the Vue application. However, you can skip this step if you have already installed the Vue app on your development system.

Getting Started

A vue js application can only be installed if you have Vue CLI installed on your development system. So, hit the following command to install the Vue CLI on your machine.

npm install -g @vue/cli

Check the Vue CLI version:

vue --version

Subsequently, install Vue application.

vue create my-vue-app

Head over to project root:

cd my-vue-app

Display Vue Version on Terminal

My notion is this method is exorbitantly easy and displays the vue version on the terminal window.

Open the terminal window and execute the following command:

npm list vue

The vue version output on terminal:

vue@2.6.12

Browse Package.json

Let me give you a better idea of checking the vue version; just open the pacakge.json file and look for the highlighted line.

Check Vue version

Check Vue version with Vue.version

Generically finding or checking out the current Vue version at the runtime is easy. You can ascertain the vue version number using the Vue.version property; it will take out the current Vue version from its locus.

Head over to the main.js file and pass the Vue.version within the console.log() method.

import Vue from 'vue'
import App from './App.vue'

console.log(Vue.version);

new Vue({
  render: h => h(App),
}).$mount('#app')

Start the application:

npm run serve

Open browser console and check the vue version.