Merge pull request #152 from lin-xin/dev

升级到vue-cli3

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not ie <= 8

.gitignore

@@ -1,5 +1,21 @@
 .DS_Store
-node_modules/
-dist/
-npm-debug.log
+node_modules
+/dist
 example.html
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*

README.md

@@ -13,7 +13,8 @@
 ## 前言 ##
 之前在公司用了Vue + Element组件库做了个后台管理系统，基本很多组件可以直接引用组件库的，但是也有一些需求无法满足。像图片裁剪上传、富文本编辑器、图表等这些在后台管理系统中很常见的功能，就需要引用其他的组件才能完成。从寻找组件，到使用组件的过程中，遇到了很多问题，也积累了宝贵的经验。所以我就把开发这个后台管理系统的经验，总结成这个后台管理系统解决方案。
 
-该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于vue.js,使用vue-cli脚手架快速生成项目目录，引用Element UI组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。
+该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统（Web Management System）开发。基于vue.js,使用vue-cli@3.2.3脚手架快速生成项目目录，引用Element UI组件库，方便开发快速简洁好看的组件。分离颜色样式，支持手动切换主题色，而且很方便使用自定义主题色。
+（已经升级到 vue-cli@3.2.3，请更新依赖）
 
 ## 功能 ##
 - [x] Element UI
@@ -32,54 +33,18 @@
 - [x] 404 / 403
 - [x] 三级菜单
 - [x] 自定义图标
-
-
-## 目录结构介绍 ##
-
-	|-- build                            // webpack配置文件
-	|-- config                           // 项目打包路径
-	|-- src                              // 源码目录
-	|   |-- components                   // 组件
-	|       |-- common                   // 公共组件
-	|           |-- bus.js           	 // Event Bus
-	|           |-- Header.vue           // 公共头部
-	|           |-- Home.vue           	 // 公共路由入口
-	|           |-- Sidebar.vue          // 公共左边栏
-	|           |-- Tags.vue           	 // 页面切换标签组件
-	|       |-- page                   	 // 主要路由页面
-	|           |-- 403.vue
-	|           |-- 404.vue
-	|           |-- BaseCharts.vue       // 基础图表
-	|           |-- BaseForm.vue         // 基础表单
-	|           |-- BaseTable.vue        // 基础表格
-	|           |-- DashBoard.vue        // 系统首页
-	|           |-- DragList.vue         // 拖拽列表组件
-	|           |-- Icon.vue			 // 自定义图标组件
-	|           |-- Login.vue          	 // 登录
-	|           |-- Markdown.vue         // markdown组件
-	|           |-- Premission.vue       // 权限测试组件
-	|           |-- Upload.vue           // 图片上传
-	|           |-- VueEditor.vue        // 富文本编辑器
-	|   |-- App.vue                      // 页面入口文件
-	|   |-- main.js                      // 程序入口文件，加载各种公共组件
-	|-- .babelrc                         // ES6语法编译配置
-	|-- .editorconfig                    // 代码编写规格
-	|-- .gitignore                       // 忽略的文件
-	|-- index.html                       // 入口html文件
-	|-- package.json                     // 项目及工具的依赖配置文件
-	|-- README.md                        // 说明
-
+- [x] 可拖拽弹窗
 
 ## 安装步骤 ##
 
 	git clone https://github.com/lin-xin/vue-manage-system.git      // 把模板下载到本地
 	cd vue-manage-system    // 进入模板目录
-	npm install         // 安装项目依赖，等待安装完成之后
+	npm install         // 安装项目依赖，等待安装完成之后，安装失败可用 cnpm 或 yarn
 
 ## 本地开发 ##
 
 	// 开启服务器，浏览器访问 http://localhost:8080
-	npm run dev
+	npm run serve
 
 ## 构建生产 ##
 

README_EN.md

@@ -26,41 +26,6 @@ The scheme as a set of multi-function background frame templates, suitable for m
 - [x] Custom icon
 
 
-## Directory structure ##
-
-	|-- build                            // Webpack configuration file
-	|-- config                           // Project package path
-	|-- src                              // Source directory
-	|   |-- components                   // Components
-	|       |-- common                   // Common component
-	|           |-- bus.js           	 // Event Bus
-	|           |-- Header.vue           // Header component
-	|           |-- Home.vue           	 // Home component
-	|           |-- Sidebar.vue          // Sidebar component
-	|           |-- Tags.vue
-	|       |-- page                   	 // Router page
-	|           |-- 403.vue
-	|           |-- 404.vue
-	|           |-- BaseCharts.vue       // BaseCharts
-	|           |-- BaseForm.vue         // BaseForm
-	|           |-- BaseTable.vue        // BaseTable
-	|           |-- Login.vue          	 // Login
-	|           |-- Dashboard.vue
-	|           |-- DragList.vue
-	|           |-- Markdown.vue         // Markdown
-	|           |-- Premission.vue
-	|           |-- Upload.vue           // Upload
-	|           |-- VueEditor.vue        // VueEditor
-	|   |-- App.vue                      // Main component
-	|   |-- main.js                      // Entry file
-	|-- .babelrc                         // ES6 syntax compiler configuration
-	|-- .editorconfig                    // Code specification
-	|-- .gitignore                       // Ignored file
-	|-- index.html                       // Entry HTML file
-	|-- package.json                     // Dependent configuration file
-	|-- README.md                        // Readme
-
-
 ## Installation steps ##
 
 	git clone https://github.com/lin-xin/vue-manage-system.git		// Clone templates
@@ -70,7 +35,7 @@ The scheme as a set of multi-function background frame templates, suitable for m
 ## Local development ##
 
 	// Open server and access http://localhost:8080 in browser
-	npm run dev
+	npm run serve
 
 ## Constructing production ##
 

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}