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

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

相关推荐
将编程培养成爱好1 小时前
C++ 设计模式《外卖骑手状态系统》
c++·ui·设计模式·状态模式
Niyy_2 小时前
前端一个工程构建多个项目,记录一次工程搭建
前端·javascript
快乐非自愿3 小时前
常用设计模式:工厂方法模式
javascript·设计模式·工厂方法模式
岁月宁静3 小时前
AI 多模态全栈应用项目描述
前端·vue.js·node.js
十年磨一剑~3 小时前
html+js开发一个测试工具
javascript·css·html
汪汪队立大功1234 小时前
JavaScript是怎么和html元素关联起来的?
开发语言·javascript·html
han_5 小时前
前端高频面试题之Vuex篇
前端·vue.js·面试
天天向上10245 小时前
VueUse的使用
前端·vue.js·vscode
FREE技术5 小时前
学生成绩管理系统 基于java+springboot+vue实现前后端分离项目并附带万字文档(源码+数据库+万字详设文档+软件包+安装教程)
java·vue.js·spring boot·mysql
GISer_Jing7 小时前
Node.js 开发实战:从入门到精通
javascript·后端·node.js