Monday, September 5, 2022

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

Issue

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.


Solution

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
  1. 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.



Answered By - Antony
Answer Checked By - Dawn Plyler (WPSolving Volunteer)
at