|
1 | 1 | # vue-manage-system # |
2 | | -基于Vue.js 2.x系列 + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/) |
| 2 | +基于Vue.js + Element UI 的后台管理系统解决方案。[线上地址](http://blog.gdfengshuo.com/example/work/) |
| 3 | +(本项目基于vue-cli3构建，如果是vue-cli2的请下载[旧版本V3.2.0](https://github.com/lin-xin/vue-manage-system/releases/tag/V3.2.0)) |
3 | 4 |
|
4 | 5 | [English document](https://github.com/lin-xin/manage-system/blob/master/README_EN.md) |
5 | 6 |
|
6 | | -[更新日志](https://github.com/lin-xin/vue-manage-system/releases) |
| 7 | +## 项目截图 ## |
| 8 | +### 登录 |
| 9 | + |
| 10 | + |
| 11 | +### 默认皮肤 ### |
| 12 | + |
| 13 | + |
| 14 | +### 浅绿色皮肤 ### |
| 15 | + |
7 | 16 |
|
8 | 17 | ## 赞赏 |
9 | 18 | 请作者喝杯咖啡吧！(微信号：linxin_20) |
|
36 | 45 | - [x] 可拖拽弹窗 |
37 | 46 |
|
38 | 47 | ## 安装步骤 ## |
| 48 | +``` |
| 49 | +git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地 |
| 50 | +cd vue-manage-system // 进入模板目录 |
| 51 | +npm install // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn |
39 | 52 |
|
40 | | - git clone https://github.com/lin-xin/vue-manage-system.git // 把模板下载到本地 |
41 | | - cd vue-manage-system // 进入模板目录 |
42 | | - npm install // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn |
43 | | - |
44 | | -## 本地开发 ## |
45 | | - |
46 | | - // 开启服务器，浏览器访问 http://localhost:8080 |
47 | | - npm run serve |
48 | | - |
49 | | -## 构建生产 ## |
50 | | - |
51 | | - // 执行构建命令，生成的dist文件夹放在服务器下即可访问 |
52 | | - npm run build |
| 53 | +// 开启服务器，浏览器访问 http://localhost:8080 |
| 54 | +npm run serve |
53 | 55 |
|
| 56 | +// 执行构建命令，生成的dist文件夹放在服务器下即可访问 |
| 57 | +npm run build |
| 58 | +``` |
54 | 59 | ## 组件使用说明与演示 ## |
55 | 60 |
|
56 | 61 | ### vue-schart ### |
@@ -100,20 +105,6 @@ vue.js封装sChart.js的图表组件。访问地址：[vue-schart](https://githu |
100 | 105 | </style> |
101 | 106 | ``` |
102 | 107 |
|
103 | | -### element-ui ### |
104 | | -一套基于vue.js2.0的桌面组件库。访问地址：[element](http://element.eleme.io/#/zh-CN/component/layout) |
105 | | - |
106 | | -### Vue-Quill-Editor ### |
107 | | -基于Quill、适用于Vue2的富文本编辑器。访问地址：[vue-quill-editor](https://github.com/surmon-china/vue-quill-editor) |
108 | | - |
109 | | -（IE10及以下不支持） |
110 | | - |
111 | | -### mavonEditor ### |
112 | | -基于Vue的markdown编辑器。访问地址：[mavonEditor](https://github.com/hinesboy/mavonEditor) |
113 | | - |
114 | | -### vue-cropperjs ### |
115 | | -一个封装了 cropperjs 的 Vue 组件，用于裁剪图片。访问地址：[vue-cropperjs](https://github.com/Agontuk/vue-cropperjs) |
116 | | - |
117 | 108 | ## 其他注意事项 ## |
118 | 109 | ### 一、如果我不想用到上面的某些组件呢，那我怎么在模板中删除掉不影响到其他功能呢？ ### |
119 | 110 |
|
@@ -164,12 +155,3 @@ import 'element-ui/lib/theme-default/index.css'; // 默认主题 |
164 | 155 | ``` |
165 | 156 |
|
166 | 157 | 第三步：打开 src/components/common/Sidebar.vue 文件，找到 el-menu 标签，把 background-color/text-color/active-text-color 属性去掉即可。 |
167 | | - |
168 | | -## 项目截图 ## |
169 | | -### 默认皮肤 ### |
170 | | - |
171 | | - |
172 | | - |
173 | | -### 浅绿色皮肤 ### |
174 | | - |
175 | | - |
0 commit comments