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

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

相关推荐
程序员小续8 分钟前
React 官方严令禁止:Hook 不能写在 if/else,真相竟然是…
前端·javascript·程序员
Juchecar19 分钟前
Naive UI 学习指南 - Vue3 初学者完全教程
前端·vue.js
小奋斗1 小时前
深入浅出:JavaScript中 三大异步编程方案以及应用
javascript·面试
尝尝你的优乐美1 小时前
封装那些Vue3.0中好用的指令
前端·javascript·vue.js
敲代码的彭于晏1 小时前
localStorage 不够用?试试 IndexedDB !
前端·javascript·浏览器
chxii1 小时前
5.4 4pnpm 使用介绍
前端·javascript·vue.js
好好好明天会更好1 小时前
Vue 中 slot 的常用场景有哪些
前端·vue.js
米开朗积德1 小时前
项目多文件JSON数值比对
javascript
sorryhc1 小时前
【AI解读源码系列】ant design mobile——Image图片
前端·javascript·react.js
sorryhc2 小时前
【AI解读源码系列】ant design mobile——Button按钮
前端·javascript·react.js