vue项目创建后没有src/router怎么办

如果你使用的是Vue CLI创建的项目，并且没有自动生成`src/router`文件夹，那么你可以手动创建它。可以按照以下步骤进行：

1. 打开终端，进入到你的Vue项目根目录下
2. 输入以下命令创建`src/router`文件夹：

   mkdir src/router

3. 进入到`src/router`文件夹，创建`index.js`文件：

   cd src/router
   touch index.js

4. 打开`index.js`文件，编写路由配置代码。

   import Vue from 'vue'
   import Router from 'vue-router'

   Vue.use(Router)

   export default new Router({
     routes: [
       // 这里是路由配置
     ]
   })

5. 在`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项目中使用路由了。

相关问题

These dependencies were not found: * @/views/About.vue in ./src/router/index.js * @/views/Home.vue in ./src/router/index.js

这个错误通常是因为你在`router/index.js`文件中引用了`@/views/About.vue`和`@/views/Home.vue`组件，但是这两个组件在你的项目中并不存在。

解决这个问题的方法是，检查一下你的项目结构，确保`views`文件夹下有`About.vue`和`Home.vue`文件，并且它们的路径是正确的。这里的`@`符号是一个别名，指向`src`目录。因此，`@/views/About.vue`的路径实际上是`src/views/About.vue`。

如果你的项目结构是正确的，但仍然出现这个错误，那么可以尝试重新安装依赖项，以确保所有依赖项都已正确安装。可以使用以下命令重新安装依赖项：

npm install

如果你在使用Vue CLI创建项目时选择了默认的配置，则应该会自动为你创建`views`文件夹，并在其中包含`Home.vue`和`About.vue`组件。如果你手动创建了这些文件，那么请确保它们的文件名和路径都是正确的。

vite创建vue3项目配置router

要在Vite创建的Vue 3项目中配置router，你需要按照以下步骤进行操作：

1. 首先，在项目根目录下使用命令行工具安装Vue Router依赖：

   npm install vue-router@next

2. 在项目的src目录下，创建一个新的文件夹，命名为`router`。

3. 在`router`文件夹下创建一个新的文件，命名为`index.ts`，并在文件中编写以下代码：

   import { createRouter, createWebHistory } from 'vue-router';
   import One from '../views/one.vue';
   import Two from '../views/two.vue';

   const routes = [
     { path: '/', component: One },
     { path: '/two', component: Two },
   ];

   const router = createRouter({
     history: createWebHistory(),
     routes,
   });

   export default router;

4. 在项目的`main.ts`文件中引入并使用创建的路由器：

   import { createApp } from 'vue';
   import App from './App.vue';
   import router from './router/index';

   createApp(App).use(router).mount('#app');

5. 在你的应用程序模板文件（例如App.vue）中使用`<router-view></router-view>`标签来渲染路由视图。

现在，你已经成功在Vite创建的Vue 3项目中配置了router。