vue router路由安装、卸载、版本列表查看等命令

文章发布于 2023-07-19

如果vue-router路由版本不兼容,其实解决版本很简单,那就是卸载掉不兼容的vue-router,然后重新安装vue路由。下面是vue和vue路由之间的配套版本。请按照下面的方法安装vue路由版本。

npm 和 yarn 卸载软件的命令方法

//npm
npm uninstall vue-router
//全局删除
npm uninstall vue-router -g

//yarn 
yarn remove vue-router
//全局删除
yarn global remove vue-router

根据vue版本来选择vue-router版本

vue-router 是vue官网路由。vue 和 vue-router 之间版本也对应是配套的。

  • vue3.x 选择vue-router4.x,vue-router4.x 是为vue3版本打造的。

  • vue2.x 选择vue-router3.x

安装vue路由

安装vue-router路由的时候,一定要带上版本范围,如果安装的路由版本和vue版本不匹配,在运行项目时,本地会报错。

使用npm安装

//vue2 版本安装
npm install vue-router@3.5.1

//vue3 版本安装
npm install vue-router@4.*

如果不知道版本号,可以查看vue-router版本列表

C:\Users\Administrator>npm view vue-router versions
[
  '0.4.0',          '0.5.0',          '0.5.1',          '0.5.2',
  '0.6.0',          '0.6.1',          '0.6.2',          '0.7.0',
  '0.7.1',          '0.7.2',          '0.7.3',          '0.7.4',
  '0.7.5',          '0.7.6',          '0.7.7',          '0.7.8',
  '0.7.9',          '0.7.10',         '0.7.11',         '0.7.12',
  '0.7.13',         '2.0.0-beta.1',   '2.0.0-beta.2',   '2.0.0-beta.3',
  '2.0.0-beta.4',   '2.0.0-rc.1',     '2.0.0-rc.2',     '2.0.0-rc.3',
  '2.0.0-rc.4',     '2.0.0-rc.5',     '2.0.0-rc.6',     '2.0.0-rc.7',
  '2.0.0',          '2.0.1',          '2.0.2',          '2.0.3',
  '2.1.0',          '2.1.1',          '2.1.2',          '2.1.3',
  '2.2.0',          '2.2.1',          '2.3.0',          '2.3.1',
  '2.4.0',          '2.5.0',          '2.5.1',          '2.5.2',
  '2.5.3',          '2.6.0',          '2.7.0',          '2.8.0',
  '2.8.1',          '3.0.0',          '3.0.1',          '3.0.2',
  '3.0.3',          '3.0.4',          '3.0.5',          '3.0.6',
  '3.0.7',          '3.1.0',          '3.1.1',          '3.1.2',
  '3.1.3',          '3.1.4',          '3.1.5',          '3.1.6',
  '3.2.0',          '3.3.0',          '3.3.1',          '3.3.2',
  '3.3.3',          '3.3.4',          '3.4.0',          '3.4.1',
  '3.4.2',          '3.4.3',          '3.4.4',          '3.4.5',
  '3.4.6',          '3.4.7',          '3.4.8',          '3.4.9',
  '3.5.0',          '3.5.1',          '3.5.2',          '3.5.3',
  '3.5.4',          '4.0.0-329e962',  '4.0.0-alpha.0',  '4.0.0-alpha.1',
  '4.0.0-alpha.2',  '4.0.0-alpha.3',  '4.0.0-alpha.4',  '4.0.0-alpha.5',
  '4.0.0-alpha.6',  '4.0.0-alpha.7',  '4.0.0-alpha.8',  '4.0.0-alpha.9''4.0.0-alpha.10', '4.0.0-alpha.11', '4.0.0-alpha.12', '4.0.0-alpha.13',
  '4.0.0-alpha.14', '4.0.0-beta.1',   '4.0.0-beta.2',   '4.0.0-beta.3',
  '4.0.0-beta.4',   '4.0.0-beta.5',   '4.0.0-beta.6',   '4.0.0-beta.7',
  '4.0.0-beta.8',   '4.0.0-beta.9',   '4.0.0-beta.10',  '4.0.0-beta.11',
  '4.0.0-beta.12',  '4.0.0-beta.13',  '4.0.0-rc.1',     '4.0.0-rc.2',
  '4.0.0-rc.3',     '4.0.0-rc.4',     '4.0.0-rc.5',     '4.0.0-rc.6',
  '4.0.0',          '4.0.1',          '4.0.2',          '4.0.3',
  '4.0.4',          '4.0.5',          '4.0.6',          '4.0.7',
  '4.0.8',          '4.0.9',          '4.0.10',         '4.0.11',
  '4.0.12',         '4.0.13',         '4.0.14',         '4.0.15',
  '4.0.16',         '4.1.0-4da5e55',  '4.1.0-51021cc',  '4.1.0-730eb15',
  '4.1.0-9e62c00',  '4.1.0-aabe509',  '4.1.0-beta.0',   '4.1.0-beta.1',
  '4.1.0-beta.2',   '4.1.0-c113369',  '4.1.0',          '4.1.1',
  '4.1.2'
]
  

安装完成之后,查看已安装vue-router版本

//命令
C:\Users\Administrator>npm view vue-router version
3.5.1

//package.json 
"dependencies": {
    "express": "^4.17.3",
    "vue": "2.6.14",
    "vue-router": "3.5.1",
  }