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

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

相关推荐
aPurpleBerry1 小时前
JS常用数组方法 reduce filter find forEach
javascript
MediaTea1 小时前
七次课掌握 Photoshop:选区与抠图
ui·photoshop
GIS程序媛—椰子1 小时前
【Vue 全家桶】7、Vue UI组件库(更新中)
前端·vue.js
ZL不懂前端1 小时前
Content Security Policy (CSP)
前端·javascript·面试
乐闻x1 小时前
ESLint 使用教程(一):从零配置 ESLint
javascript·eslint
我血条子呢2 小时前
[Vue]防止路由重复跳转
前端·javascript·vue.js
半开半落2 小时前
nuxt3安装pinia报错500[vite-node] [ERR_LOAD_URL]问题解决
前端·javascript·vue.js·nuxt
麦麦大数据2 小时前
基于vue+neo4j 的中药方剂知识图谱可视化系统
vue.js·知识图谱·neo4j
customer082 小时前
【开源免费】基于SpringBoot+Vue.JS医院管理系统(JAVA毕业设计)
java·vue.js·spring boot·后端·spring cloud·开源·intellij-idea