vben-admin 页面以及部分代码 常见问题 解析

vben-admin  网址

 

介绍 | Vben Admin (vvbin.cn)

https://doc.vvbin.cn/guide/introduction.html

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

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

 

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

 

项目运行

首选推荐使用 pnpm 包管理工具，下载依赖包成功率较高，npm和yarn经常出现各种奇怪的错误。

nodejs 版本目前发现 14.x 和 16.x 都是支持的，其他版本可以研究一下。

安装pnpm：
npm install -g pnpm

安装依赖：
pnpm install

运行：
pnpm serve
npm run dev
yarn serve

打包：
pnpm build
pnpm run build

2、代码提交检测配置

框架自带对代码提交备注进行检测，确保规范的统一，如不需要检测，可对配置进行修改。

.husky 目录下
    - commit-msg 
注释如下代码：
npx --no-install commitlint --edit "$1"

    - pre-commit
此文件删除