创建Vue项目,找不到router文件(router.js)的解决方法
创建Vue项目,找不到views文件(router.js)的解决方法欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLow
·
问题描述:
如图所示:
安装 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、创建完成
更多推荐
已为社区贡献1条内容
所有评论(0)