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

发布时间 2023-12-07 22:08:52作者: 且行且思

vben-admin  网址

 

介绍 | Vben Admin (vvbin.cn)icon-default.png?t=N7T8

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.x16.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
此文件删除