使用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"后在浏览器中打开项目文件

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

相关推荐
小小神仙2 分钟前
JSCommon系列 - 为什么前端没有 Apache Commons?
前端·javascript·设计模式
一头小鹿3 分钟前
【JS】手写显示绑定改变this指向的方法call、apply、bind | 笔记整理
javascript
Nano3 分钟前
ES6中的Proxy和Reflect:深入解析与Vue3响应式原理的完美结合
前端·vue.js
Sun_light4 分钟前
深入理解 JavaScript 对象:从入门到精通
前端·javascript
中微子4 分钟前
从零构建电影展示页面:原生js Web开发技术解析
前端·javascript
Mintopia9 分钟前
计算机图形学中的几何体布尔运算:一场形状的奇幻冒险
前端·javascript·计算机图形学
Mintopia14 分钟前
Three.js 动态加载 GLTF 模型:高效加载和渲染复杂的 3D 模型
前端·javascript·three.js
std787915 分钟前
VITA STANDARDS LIST,VITA 最新标准清单大全下载_ansi vita 2025
java·前端·javascript
wen's17 分钟前
React Native 弹窗组件优化实战:解决 Modal 闪烁与动画卡顿问题
javascript·react native·react.js
rookiefishs18 分钟前
如何控制electron的应用在指定的分屏上打开🧐
前端·javascript·electron