创建Vue项目,找不到router文件(router.js)的解决方法

问题描述:

如图所示:
在这里插入图片描述

安装 Vue Router

如果你的项目是用vue-cli搭建的话可以参考下面的文章;
使用vuecli 快速创建vue3项目
在建立项目的时候回让你选择是否安装Vue Router,如果你安装了,就不需要在安装了,如果你的项目是直接搭建的话,那么就需要安装了,直接在项目根目录中输入
npm install vue-router
如果你安装了cnpm的话,直接输入
cnpm install vue-router
这里推荐使用cnpm,下载速度要快一些

原因分析:

最初创建方式的问题,使用的是vue create demo 的方法。
Vue-cli4.x版本创建时要手动选择Router

解决方案:

命令窗口创建

1、Vue-cli4.x以上的版本需要自己按照自己的需求手动去配置:

Vue CLI v4.5.13
? Please pick a preset: Manually select features
? Check the features needed for your project: Choose Vue version, Babel, Router, Vuex, Linter
? Choose a version of Vue.js that you want to start the project with 3.x
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a linter / formatter config: Standard
? Pick additional lint features: Lint on save
? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No

2、生成的项目的目录结构:

3、默认的启动命令变为npm run serve

使用图形化界面

1、你也可以通过 vue ui 命令以图形化界面创建和管理项目:

vue ui

2、 Vue 项目管理器图形界面
在这里插入图片描述3、使用图形界面创建新项目
在这里插入图片描述4、选择预设
在这里插入图片描述
5、 配置预设中选择的插件

6、创建完成 在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐