介绍
# 介绍
# vue2.x 入门必看
# vuex 入门必看
# vue-router 入门必看
# axios 入门必看
# 声明
- 开源框架保留代码作者信息以及浏览器控制台框架信息打印可免费用于商业使用
- 开源框架不保留 package 作者信息,自定义为自己公司版权时人民币 299 元,自愿原则(支持自定义版权,仅限团队内使用,恶意传播取消使用资格)
# 安装
# 克隆项目(vue-admin-better vue2.x(保留package作者信息免费,自定义MIT版权299,自愿原则))
git clone -b master https://github.com/zxwk1998/vue-admin-better.git
# 克隆项目(vue-admin-better vue3.x(保留package作者信息免费,自定义MIT版权299,自愿原则))
git clone -b vue3.0-antdv https://github.com/zxwk1998/vue-admin-better.git
# 克隆项目(vue-admin-better-template 基础框架、授权版(封版,不再更新,保留package作者信息免费,自定义MIT版权299,自愿原则))
git clone https://github.com/zxwk1998/vue-admin-better-template.git
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 进入项目目录
cd vue-admin-better
pnpm i
# 本地开发 启动项目
npm run serve
# 本地开发 打包项目
npm run build
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# 目录结构
├── 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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
# 浏览器支持情况
Modern browsers and Internet Explorer 11+.
![]() IE / Edge | ![]() Firefox | ![]() Chrome | ![]() Safari |
---|---|---|---|
IE11, Edge | last 2 versions | last 2 versions | last 2 versions |