🎊 vue2-echo v3.0.0 publish

v3.0版本重要更新：
1、vue-cli 2.x版本 => vue-cli 3.0 （更简洁易上手）
2、muse-ui => minit-ui
3、material-design-icons => iconfont
4、移除vue-awesome-swiper、jquery、babel-polyfill
5、css样式全面重整优化，采用flex布局，全面使用rem适配等
6、mock模拟数据重整，更符合真实api请求逻辑

Author: uncleLian

.babelrc

@@ -1,13 +1,21 @@
 .DS_Store
-node_modules/
-dist/
+node_modules
+/dist
+
+# 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*

.editorconfig

@@ -1,32 +1,31 @@
 #  vue2-echo
 
-![image](https://img.shields.io/badge/vue-2.5.13-blue.svg)
+![image](https://img.shields.io/badge/vue-2.5.17-blue.svg)
 ![image](https://img.shields.io/badge/vue--router-3.0.1-blue.svg)
 ![image](https://img.shields.io/badge/vuex-3.0.1-blue.svg)
-![image](https://img.shields.io/badge/muse--ui-2.1.0-blue.svg)
+![image](https://img.shields.io/badge/mint--ui-2.2.13-blue.svg)
+![image](https://img.shields.io/badge/vue--cli-3.0.0.rc--12-green.svg)
+
+> 此版本已基于vue-cli 3.0升级，2.x版本请查看v2.0分支 
 
 ## 前言
-这一年多一直用Vue写项目，所以准备分享一些经验和记录成果。目前vue学习项目大多数都是音乐、购物车，后台管理那方面，可能因为这方面需求比较多吧。考虑之后打算从容易 -> 中等 -> 困难， 3个复杂度和不同类型的项目，一步步地带领大家熟悉和深入Vue。这些系列项目将会涉及Vue的大部分知识，如果都能掌握，那么就可以随心所欲地使用Vue去写单页面应用了。
+这是一个Vue学习系列，难度：容易 -> 中等 -> 困难， 3个复杂度和不同类型的项目，一步步地带领大家熟悉和深入Vue。这些系列项目将会涉及Vue的大部分知识，如果都能熟悉和掌握，那么就可以随心所欲地使用Vue去写单页面应用了。
 
-此开源系列全部都线上实践过，会考虑到细节、兼容和使用体验等问题，所以在项目里我会尽可能地写上注释去帮助大家快速解决需求。
+##### 注：此开源系列的知识点全部经历过线上实践，会考虑到细节、兼容和使用体验等问题。
 
 ## 技术栈
-1. [vue](https://cn.vuejs.org/v2/guide/)
-2. [vue-router](https://router.vuejs.org/zh-cn/essentials/getting-started.html)
-3. [vuex](https://vuex.vuejs.org/zh-cn/getting-started.html)
-4. [axios（请求库）](https://github.com/axios/axios)
-5. [muse-ui（移动端UI库）](http://www.muse-ui.org/#/install)
-6. [vue-awesome-swiper（轮播图）](https://github.com/surmon-china/vue-awesome-swiper)
-7. [vue-progressbar（加载进度条）](https://github.com/hilongjw/vue-progressbar)
-8. [amfe-flexible（淘宝适配库）](https://github.com/amfe/lib-flexible)
-9. [mockjs（数据模拟）](http://mockjs.com/)
-10. [Material Icons（google图标库）](http://google.github.io/material-design-icons/)
-11. [Stylus（css预处理器）](https://github.com/stylus/stylus)
-12. [ES6/7（JS语法）](https://github.com/lukehoban/es6features)
-13. [ESlint（JS语法规范）](https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md)
+1. [vue](https://cn.vuejs.org/v2/guide/)、 [vue-router](https://router.vuejs.org/zh-cn/essentials/getting-started.html)、 [vuex](https://vuex.vuejs.org/zh-cn/getting-started.html)
+2. [axios（请求库）](https://github.com/axios/axios)
+3. [mint-ui（饿了么移动端UI库）](http://mint-ui.github.io/docs/#/zh-cn2)
+4. [vue-progressbar（加载进度条）](https://github.com/hilongjw/vue-progressbar)
+5. [amfe-flexible（淘宝适配库）](https://github.com/amfe/lib-flexible)
+6. [mockjs（数据模拟）](http://mockjs.com/)
+7. [ES6/7（JS语法）](https://github.com/lukehoban/es6features)、[ESlint（JS语法规范）](https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md)
+8. [Stylus（css预处理器）](https://github.com/stylus/stylus)
+9. [IconFont（阿里字体库）](http://www.iconfont.cn/)
 
 ## 说明
-> 如果此开源系列对你有帮助，你可以点右上角 "star"一下，以表支持，非常感谢！^_^ 🌹
+> 如果此开源系列对你有帮助，你可以点右上角 "star"支持一下，非常感谢！^_^ 🌹
 
 > 或者您可以 "follow（关注）" 一下作者，我正在不断开源更多实用的项目
 
@@ -43,7 +42,7 @@ Vue学习系列
 
 ## 效果演示 
 
-[项目演示请戳这里](http://echo.liansixin.win)（请使用手机模式预览）
+[演示戳这里](http://echo.liansixin.win)（请使用手机模式预览）
 
 <img src="https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_QRcode.png" width="250" height="250"/>
 
@@ -53,58 +52,47 @@ Vue学习系列
 - [x] 播放行为：播放、暂停、下一首、一键播放
 - [x] 播放模式：默认、随机播放、单曲循环、列表循环
 - [x] 播放视图：播放进度条（可调节）、播放列表（可增删、切换）
-- [x] ...
-- [ ] 弹幕 （没有评论数据，暂不实现啦T T~）
-- [ ] 手机铃声（网页没有不能调用手机底层，不能实现）
 
 ## 项目截图
 
-<img src="https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_index.png" width="365" height="619"/> <img src="https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_detail.png" width="365" height="619"/>
+![image](https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_index.png)
 
-<img src="https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_fn.png" width="365" height="619"/> <img src="https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_detail.gif" width="365" height="619"/>
+![image](https://github.com/uncleLian/vue2-echo/raw/master/screenshots/echo_detail.png)
 
 ## 目录结构
 
 ``` bash
-├── build                        // 构建相关  
-├── config                       // 配置相关
 ├── src                          
-│   ├── assets                   // 静态资源 样式、图标等静态资源
-│   ├── components               // 全局公用组件
-│   |   ├── banner.vue           // banner组件
-│   |   ├── list.vue             // 列表组件
-│   |   ├── musicBar.vue         // 音乐条组件
-│   |   ├── sheet.vue            // 模态框组件
-│   ├── utils                   
-│   |   ├── cache.js             // 缓存方法
-│   |   ├── request.js           // 请求方法
-│   ├── mock                     // mock数据
+│   ├── api                      // 请求api
+│   ├── assets                   // 静态资源
+│   ├── components               // 全局组件
+│   ├── components               // 全局过滤
+│   ├── mock                     // 模拟数据
 │   ├── page                   
-│   |   ├── detail               //  详情页
-│   |   ├── index                //  首页
+│   |   ├── detail               // 详情页
+│   |   ├── index                // 首页
 │   ├── router                   // 路由
 │   ├── store                    // 状态管理
-│   ├── App.vue                  // 入口页面
-│   └── main.js                  // 入口配置
-├── static                       //空文件夹，只作为github保留                   
-├── .babelrc                     // babel-loader 配置
-├── eslintrc.js                  // eslint 配置项
-├── .gitignore                   // git 忽略项
-├── index.html                   // html模板
-└── package.json                 // 项目依赖
+│   ├── utils                   
+│   |   ├── cache.js             // 缓存方法
+│   |   ├── request.js           // 请求方法
+│   ├── App.vue
+│   └── main.js
+├── package.json                 // 项目依赖
+└── vue.config.js                // vue-cli 3.0配置
 ```
 
 ## 安装运行
 
 ``` bash
-# install dependencies
+# 安装依赖
 npm install
 
-# serve with hot reload at localhost:8088
-npm run dev
+# 启动项目
+npm run serve
 
-# build for production with minification
-npm run build（File in the docs folder）
+# 打包项目
+npm run build
 ```
 
 ## 更新日志

.eslintignore

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