安装
# 克隆项目(vue-admin-beautiful vue2.x(保留package作者信息免费,自定义MIT版权299,自愿原则))
git clone -b master https://github.com/chuzhixin/vue-admin-beautiful.git
# 克隆项目(vue-admin-beautiful vue3.x(保留package作者信息免费,自定义MIT版权299,自愿原则))
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git
# 克隆项目(vue-admin-beautiful-template 基础框架、授权版(封版,不再更新,保留package作者信息免费,自定义MIT版权299,自愿原则))
git clone https://github.com/chuzhixin/vue-admin-beautiful-template.git
# 克隆项目(vue-admin-beautiful-pro pro版本(699,购买后拥有克隆权限))
git clone https://github.com//vue-admin-beautiful/vue-admin-beautiful-pro.git
# 进入项目目录
cd vue-element-admin-beautiful
# 安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 建议cnpm安装依赖,由于框架始终基于最新的版本开发,cnpm不会出现任何问题,请放心使用
cnpm i
# 当然如果你一定要用npm也可以
npm i --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run serve
# 本地开发 打包项目
npm run build
目录结构
├── build # 构建相关
├── mock # 项目mock 模拟数据
├── public # 静态资源
│ │── favicon.ico # favicon图标
│ └── index.html # html模板
├── src # 源代码
│ ├── api # 所有请求
│ ├── assets # 主题 字体等静态资源
│ ├── components # 全局公用组件
│ ├── directive # 全局指令
│ ├── config # 全局配置
│ ├── colorfulIcon # 项目所有多彩图标存放的位置
│ ├── remixIcon # 项目所有小清新图标存放的位置
│ ├── layouts # 全局外框
│ ├── plugins # 部分组件export
│ ├── router # 路由
│ ├── store # 全局 store管理
│ ├── styles # 全局样式
│ ├── utils # 全局公用utils
│ ├── views # views 所有页面
│ ├── App.vue # 入口页面
│ └── main.js # 入口文件 加载组件 初始化等
├── .env.xxx # 环境变量配置
├── .eslintrc.js # eslint 配置项
├── .babelrc # babel-loader 配置
├── .editorconfig # 编辑器配置
├── .stylelintrc.js # stylelintrc配置
├── prettier.config.js # prettier 配置
├── vue.config.js # vue-cli 配置
└── package.json # package.json