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

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

相关推荐
徐同保24 分钟前
vue 在线预览word和excel
vue.js·word·excel
LJ小番茄1 小时前
Vue 常见的几种通信方式(总结)
前端·javascript·vue.js·html
customer082 小时前
【开源免费】基于SpringBoot+Vue.JS在线文档管理系统(JAVA毕业设计)
java·vue.js·spring boot·后端·开源
pan_junbiao4 小时前
Vue组件:模板引用ref属性的使用
前端·javascript·vue.js
LvManBa4 小时前
Vue学习记录之四(computed的用法)
前端·vue.js·学习
__lucas5 小时前
javascript-装饰器
开发语言·javascript·ecmascript
春蕾夏荷_7282977255 小时前
electron nsis打包windows应用程序
javascript·windows·electron·nsis
想退休的搬砖人5 小时前
vue组件的生命周期
前端·javascript·vue.js
csdn_aspnet5 小时前
vue node node-sass sass-loader 版本 对应 与 兼容
前端·vue.js·sass
zhangjin12226 小时前
kettle从入门到精通 第八十五课 ETL之kettle kettle中javascript步骤调用外部javascript/js文件
javascript·数据仓库·etl·kettle调用外部js