1. 安装、目录结构

安装

# 克隆项目(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