vben-admin 页面以及部分代码 常见问题 解析 持续更新····

vben-admin  网址

介绍 | Vben Admin (vvbin.cn)icon-default.png?t=N7T8https://doc.vvbin.cn/guide/introduction.html

找到 开始  里边有git  代码提取   也可以在这进行复制 

#从 GitHub 获取代码
git clone https://github.com/vbenjs/vue-vben-admin.git

#从 Gitee 获取代码
git clone https://gitee.com/annsion/vue-vben-admin.git

代码进行拉取          先进行 git init      /  然后   git pull   加上地址

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第1张图片 

然后按照指令开始进行配置安装

# 出现相应npm版本即可
npm -v
# 出现相应node版本即可
node -v
# 全局安装yarn
npm install -g pnpm
# 验证
pnpm -v # 出现对应版本号即代表安装成功
# 安装依赖
pnpm i

可能会报错

 ERR_PNPM_INVALID_OVERRIDE_SELECTOR  Cannot parse the "//" selector in the overrides

没事别担心  找到 package.json 文件  删除里边的  //这一行的代码

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第2张图片

 进入页面后,也可进行默认账号密码进行修改在views/sys/login

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第3张图片

 组件 api 样式库解析 :

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第4张图片

 components包含modal的内容组件,头部组件和底部组件等

hooks中是方法具体实现的集合,


BasciModal.vue集成了components的组件文件,


props.ts为传入属性类型定义和初始化赋值,


typing.ts为弹窗对外暴露方法的声明和初始化。


BasciModal.vue 封装-template

Modal 的 dom 结构,有遮罩层、标题组件、内容组件、和底部组件几部分

----------------------------------------------------------------------------------------------

从新运行可能会出现

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第5张图片
 

我的node版本太低了  我更新了一下

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第6张图片

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第7张图片

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第8张图片

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第9张图片

-----------------------------------------------------------------------------------------------------------------------------

千万不要强制关闭    vscode 会导致 软件出问题  

-------------------------------------------------------------------------------------------------------------------------------

代码查找的方法  例如 重置 按钮  先随便找到一个页面

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第10张图片

 然后按ctrl + 鼠标左键  进行点击  即可页面跳转

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第11张图片

 vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第12张图片

vben-admin 页面以及部分代码 常见问题 解析 持续更新····_第13张图片

按照页面提示的标签进行 点击 跳转  就可以找到底层的  按钮 代码   

你可能感兴趣的:(vben,admin,git,github,vue,前端,vue.js)