I recently updated our app to use Nuxt Bridge following this guide:
https://v3.nuxtjs.org/bridge/overview
We were previously on Vue 2.7.10 but now when I check my vue version using npm view vue version I get 3.2.39.
But If I go into node_modules/vue/package.json I see this:
"name": "vue",
"version": "2.7.10",
I tried deleting node_modules, yarn.lock, .nuxt and explicitly added "vue":"3.2.39" to package.json then redid yarn install. After that I got an error about nuxt Cannot find module 'nuxt'.
So I guess my questions are: How can I tell which version of Vue I'm actually using in this project?
My goal is to upgrade to Vue 3, is there an issue with Nuxt Bridge and Vue 3?
I want to use vuesax on my first project and I fell in love with vuesax components. I am actually using Vue cli 2.
Which version of Vue is required by vuesax?
vuesax 3.x and 4.x depend on Vue 2.
So vuesax projects need the latest version of Vue 2 in your project (currently 2.6.14):
npm i -S vue#2
I am following this guide:
https://github.com/bradtraversy/vue_crash_todolist
https://youtu.be/Wy9q22isx3U
At the end its shown how to install the vue-router through vue ui. I have done that as well:
but for some reason I don't get a router.js file as the author describes in the video.
Is something wrong with my installation or has the creating of a router.js file been removed in later versions of vue??
I am on:
Now using node v10.0.0 (npm v5.6.0)
#vue/cli-service-global#4.2.2
#vue/cli 4.2.2
It should definitely be there after installation through the vue ui
Try updating to the latest version of node
As u123 mentioned, in the most recent version of vue cli, the router is added to src/router/index.js
I am new to nuxt. I want to know whether is it possible to use Buefy on nuxt just by using CDN
as I directly imported beufy CDN in script in head function of nuxt.config
But it gave error while using navbar of beufy that the component is not registered correctly.
Nuxt supports buefy by default, when installing using npx create-nuxt-app you'll be asked if you want to use a component framework (buefy is an option here).
If you want to use it in an installed project you can npm install buefy --save and then add "nuxt-buefy" in the modules array of your nuxt.config
I use Ubuntu 16.04 and I'd like to know how I check the vue.js version used by my project.
How do I do that?
Let's summarize the solutions from #jonrsharpe, #JamesAMohler and #MartinCalvert for friends looking for a quick answer.
Run npm list vue (or npm list --depth=0 | grep vue to exclude packages' dependencies). It is a common way to check npm package's version in the terminal.
Of course, you can also check vuejs's version by browsing package.json (or use command like less package.json | grep vue).
Use Vue.version during the runtime. It is a global API provided in vue.js.
If you have the Vue.js Chrome dev tool extension installed and your application is built in development mode you can simply open up the Chrome Dev Tools and use the Vue extension tab. It is clearly displays the Vue version for the project at the top (see below)
Please simply try type npm v vue in terminal to check the version of Vue.js
This is what worked for me:
import Vue from 'vue'
alert(`Vue version : ${Vue.version}`);
If you want to check the current version of Vue installed in your machine use vue --version
If you want to check the Vue installed on the project then use npm list | grep vue#
There are few ways to check vue version:
npm v vue run this on the terminal
Check package.json, code will be something like this
"dependencies": {
"core-js": "^3.6.5",
"vue": "^2.6.11"
},
If you have vue dev tools installed then go to the Vue tab and you should be able to see the version there.
Note: If you use vue --version - this will check vue cli version, not Vue version
It can be checked from package.json file. Inside dependencies block you can see vue and its version.
"dependencies": {
"vue": "^2.6.11"
}
if you have installed vue dev tools extension like I recommend, you can just press ctrl + shift + i at least in the firefox and then look with vue extension picture
You can also just use npm v vue in command prompt, you cant use vue --version becausue this checks what Vue CLI you have
You can only use npm v vue in CLI/ in Terminal, you can't use vue --version, it shows error enter image description here
For the solution of in-app version showing for vue version 3+.
As #ray-foss mentioned: I am only able to use
import {version} from "vue";
console.log('Vue version', version);
The way using import Vue from 'vue' does not work anymore (for me).
You can also type to check the Vuejs version vue --version