要在Vue项目中安装vue-router，你需要根据你使用的Vue版本（Vue 2或Vue 3）来选择正确的安装命令。以下是安装vue-router的步骤：

对于Vue 3

1. 安装vue-router：如果你的项目是基于Vue 3，你可以使用npm或yarn来安装最新版本的vue-router，它与Vue 3兼容。

   使用npm安装：

   npm install vue-router@4
   

   使用yarn安装：

   yarn add vue-router@4
   

2. 配置vue-router：安装完成后，你需要在你的Vue项目中配置和使用vue-router。首先，创建一个router实例并定义路由规则，然后将这个router实例挂载到Vue应用上。

   // router/index.js
   import { createRouter, createWebHistory } from 'vue-router';
   
   const routes = [
     { path: '/', component: Home },
     { path: '/about', component: About },
   ];
   
   const router = createRouter({
     history: createWebHistory(),
     routes,
   });
   
   export default router;
   

   然后，在main.js中引入并使用这个router实例：

   import { createApp } from 'vue';
   import App from './App.vue';
   import router from './router';
   
   createApp(App).use(router).mount('#app');
   

对于Vue 2

1. 安装vue-router：对于基于Vue 2的项目，你需要安装与Vue 2兼容的vue-router版本。

   使用npm安装：

   npm install vue-router@3
   

   使用yarn安装：

   yarn add vue-router@3
   

2. 配置vue-router：安装完成后，配置方法与Vue 3类似，但创建router实例的方式略有不同。

   // router/index.js
   import Vue from 'vue';
   import VueRouter from 'vue-router';
   
   Vue.use(VueRouter);
   
   const routes = [
     { path: '/', component: Home },
     { path: '/about', component: About },
   ];
   
   const router = new VueRouter({
     mode: 'history',
     routes,
   });
   
   export default router;
   

   在main.js中引入并使用router：

   import Vue from 'vue';
   import App from './App.vue';
   import router from './router';
   
   new Vue({
     router,
     render: h => h(App),
   }).$mount('#app');
   

请注意，无论是Vue 2还是Vue 3，都推荐将路由配置放在项目的router目录下，并在main.js（或main.ts）中引入和使用这个配置。这样做有助于保持项目结构的清晰和组织。