解决小白安装vuerouter后项目报错问题

本人也正在学习Vue，记录一下学习过程中的问题

今天用 npm install vue-router --save-dev 命令安装vue-router，安装后启动项目报

然后就开始搜大家的解决办法，说是可能vue版本和vue-router版本不一致的原因，然后我就去升级到最新的vue，

npm install -g @vue/cli

然后用vue init webpack 创建项目，发现新版的vue还得再手动添加init命令，npm i -g @vue/cli-init

然后又创建了一个新的项目，又去安装了vue-router，但还是报那个错。

我打开package.json文件发现它依赖的vue还是2，

于是就发现了这个奇怪的问题，我之前已经把vue2卸载了换成了vue3，这是现在的版本：

 但是用vue init webpack 创建项目后package.json中的vue版本还是2

于是我就手动把这个版本改成了现在的版本：

 然后再去启动项目，结果又报了新的问题：

 看这意思是说找不到vue依赖，看来手改那个版本行不通。于是妥协了。去降低vue-router的版本

npm install vue-router --save-dev 安装不成功，我就把npm换成了cnpm

运行之后报了 vue-router@latest requires a peer of vue@^3.2.0 but vue@2.7.8 was installed

 意思是最新版的vue-router需要和vue3匹配，现在安装的是vue2。

但由于新手不知道怎么指定版本安装，然后去找了教程，是在vue-router后加上@和版本号

npm install vue-router@3.1.3

这样安装后再启动项目又报找不到引入的vue-router，然后我在package.json的devDependencies属性中也没有找到vue-router。

突然想到这个命令后边没有 --save-dev，没有在下载之后直接将vue-router添加到devDependencies这个属性中，所以找不到。然后又加上了npm install vue-router@3.1.3 --save-dev运行了一遍，最后启动项目成功了。

但是还是没有解决当前vue版本是3但创建项目时还是2的问题，希望路过的大佬可以指点一下。

文档中有说的不对的地方希望大家指正。