vue3.x教程：安装Vue Router4 作者：马育民 • 2026-07-31 21:04 • 阅读：10002 # 说明 使用 vue cli脚手架创建工程时，可以选择安装路由 # 单独安装路由 如果 创建工程时，**没有** 安装路由，那么可以 **单独安装** **注意：** vue和vue router的 **版本对应关系**，如果不匹配，启动服务会报错 [Vue、Vue-cli、Vue-router、Vuex 版本对应关系](https://www.malaoshi.top/show_1IX2jl6fYAHk.html "Vue、Vue-cli、Vue-router、Vuex 版本对应关系") 目前主流还是 `router4` # 命令方式安装 在工程目录下，如下图： [](https://www.malaoshi.top/upload/pic/vue/Snipaste_2022-02-01_14-29-28.png) 打开 powershell： [](/upload/0/0/1IX3GawqjGTT.png) 执行下面命令： ``` npm i vue-router@4 ``` 或者： ``` npm install vue-router@4 ``` **注意：**必须在该工程目录下执行命令 # vscode 安装 [](/upload/0/0/1IX3GazDOa5e.png) 用 vscode 打开工程，在控制台，执行下面命令： ``` npm i vue-router@4 ``` # 查看 在当前工程的 `node_modules` 目录下，有 `vue-router` 目录，如下： [](/upload/0/0/1IX3Gap8Jis8.png) 原文出处：http://malaoshi.top/show_1GW3mKBT0uqi.html