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

vben-admin 网址

介绍 | Vben Admin (vvbin.cn)https://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 加上地址

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

# 出现相应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 文件 删除里边的 //这一行的代码

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

组件 api 样式库解析 ：

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

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

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

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

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

BasciModal.vue 封装-template

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

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

从新运行可能会出现

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

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

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

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

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