How to upgrade my global vue-cli install to the latest version?

Question

I already have vue-cli 3.5.5 installed. When I run vue create myapp, it shows message Update available 3.6.2.

Vue CLI v3.5.5
┌───────────────────────────┐
│  Update available: 3.6.2  │
└───────────────────────────┘

How to upgrade vue-cli to the latest version?

When I run npm i -g vue-cli it installs vue-cli version 2.9.6 instead of upgrading the existing vue cli version.

OS: Ubuntu 18.04.1.

node version: 10.15.3.

nvm version: 0.34.0.

Answer 1

vue-cli 3.x is changed to @vue/cli. Therefore, no direct upgrade exists.

1. Uninstall old version if you no longer need it, or if latest install command gives error:

npm uninstall -g vue-cli

2. Use the following command to install the latest vue-cli version:

$ npm install -g @vue/cli@latest

Notes

1. Do not run $ npm i -g vue-cli because vue-cli 3.x is changed to @vue/cli.

2. The vue-cli update issue states that either npm or yarn can be used to upgrade vue-cli. However, when working within nvm, the yarn command yarn global add @vue/cli did not work. If you do not use nvm then installing via yarn might work. However, I did not verify this.

Answer 2

As the docs https://cli.vuejs.org/guide/installation.html#upgrading mentioned, you can update it like this :

npm update -g @vue/cli

# OR
yarn global upgrade --latest @vue/cli