使用vue UI安装路由插件

1.使用vue创建项目

bash 复制代码
vue create vue-app

vue ui

2.使用vue ui界面创建管理项目

终端页面输入:vue ui

创建项目

安装完成。可以直接在ui界面运行,也可以在编辑器中使用命令运行

安装路由,安装状态

选择插件 - 添加vue-router、添加vuex

安装完成vue-router后会在项目文件夹src中生成一个router文件夹以及文件夹下生成一个index.js文件

添加vuex状态管理

安装完成vuex后项目文件夹src下会生成一个store文件夹以及文件夹下生成一个index.js文件

点击任务,serve,运行项目,运行完后点击"启动app"后在浏览器中打开项目文件

至此就安装完成项目以及添加路由和状态管理成功了

相关推荐
成为大佬先秃头16 分钟前
渐进式JavaScript框架:Vue 过渡 & 动画 & 可复用性 & 组合
开发语言·javascript·vue.js
JIngJaneIL40 分钟前
基于java+ vue家庭理财管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
GISer_Jing44 分钟前
Taro跨端开发实战:JX首页实现_Trae SOLO构建
前端·javascript·aigc·taro
老华带你飞1 小时前
电商系统|基于java + vue电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
星月心城1 小时前
面试八股文-JavaScript(第四天)
开发语言·javascript·ecmascript
喝拿铁写前端1 小时前
AI 驱动前端开发覆盖的能力全景拆解
前端·javascript·人工智能
不染尘.1 小时前
应用层之WWW
服务器·javascript·css·网络·网络协议·计算机网络·html
KLW751 小时前
vue v-for 列表渲染指令注意
前端·javascript·vue.js
zhengxianyi5152 小时前
vue 首屏加载优化
前端·javascript·vue.js·nginx·gzip·expires·静态文件缓存
John_ToDebug2 小时前
从 window.external 到 Mojo深度解析 Chromium 中 JS 与 C++ 的 7 种通信机制
javascript·chrome·mojo