vue+element实现自定义后台模板

vue+element实现自定义后台模板

安装node

打开nodejs官网,选择长期支持版下载安装,记得勾选加入环境[add to path]

1. 下载版本

安装vue/cli

1.打开命令行,输入cmd(win+r)
2.输入命令node -v
显示出node版本就算成功
3.安装vue/cli,命令行输入npm install -g @vue/cli

安装vscode

直接百度vscode,下载安装即可,可继续搜索vue常用插件,比如修改语言啥的,vuter等等.

新建一个vue项目

先随便在比如桌面新建文件夹,在vscode打开,vue create 项目名,再cd项目名,期间的操作可以在百度搜到,不在一一追叙

路由嵌套

1.编写页面,新建index页面,命名啥的自己喜好
2.index页面分级,是由侧边栏,头部,主体组成
2.1头部以及侧边栏引用和使用的方法



2.2主体的路由嵌套

因为是自适应高度,因此这里减去头部的固定高度

3.创建路由

大体完成

至此就是后面的操作逻辑啥的了,摆一个视频

vue结合ele实现自定义后台模板