{"id":13494213,"url":"https://github.com/uncleLian/vue2-echo","last_synced_at":"2025-03-28T13:32:31.760Z","repository":{"id":88571401,"uuid":"100699236","full_name":"uncleLian/vue2-echo","owner":"uncleLian","description":"基于vue2 + vue-router + vuex  构建的一个音乐类单页面应用 —— echo回声","archived":false,"fork":false,"pushed_at":"2021-01-14T09:12:29.000Z","size":9036,"stargazers_count":427,"open_issues_count":4,"forks_count":96,"subscribers_count":17,"default_branch":"master","last_synced_at":"2024-10-31T08:37:47.497Z","etag":null,"topics":["echo","muse-ui","music","spa","vue","vue-cli","vue-router","vuex","webpack"],"latest_commit_sha":null,"homepage":"http://echo.liansixin.win","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/uncleLian.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-08-18T10:00:41.000Z","updated_at":"2024-08-29T10:47:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"99c96bb2-3da5-452d-b272-2038c44a474a","html_url":"https://github.com/uncleLian/vue2-echo","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uncleLian%2Fvue2-echo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uncleLian%2Fvue2-echo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uncleLian%2Fvue2-echo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uncleLian%2Fvue2-echo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uncleLian","download_url":"https://codeload.github.com/uncleLian/vue2-echo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246037546,"owners_count":20713430,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["echo","muse-ui","music","spa","vue","vue-cli","vue-router","vuex","webpack"],"created_at":"2024-07-31T19:01:22.903Z","updated_at":"2025-03-28T13:32:31.754Z","avatar_url":"https://github.com/uncleLian.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"#  vue2-echo\n\n![image](https://img.shields.io/badge/vue-2.6.10-blue.svg)\n![image](https://img.shields.io/badge/vue--router-3.0.3-blue.svg)\n![image](https://img.shields.io/badge/vuex-3.0.1-blue.svg)\n![image](https://img.shields.io/badge/mint--ui-2.2.13-blue.svg)\n![image](https://img.shields.io/badge/vue--cli-3.x-green.svg)\n\n##### 其他分支：\n- [TypeScript版本](https://github.com/uncleLian/vue2-echo/tree/typescript)\n- [vue-cli-2.x](https://github.com/uncleLian/vue2-echo/tree/v2.0)\n\n##### react版本\n- [react-echo](https://github.com/uncleLian/react-echo)\n\n## 公告\n由于echo官方暂停运营，目前所有图片、音频已失效‼️ 是个宝藏APP，可惜了~ 后面如果有时间会更换图片音频来源。\n\n## 前言\n这是一个Vue学习系列，难度：容易 -\u003e 中等 -\u003e 困难， 3个复杂度和不同类型的项目，一步步地带领大家熟悉和深入Vue。这些系列项目将会涉及Vue的大部分知识，如果都能熟悉和掌握，那么就可以随心所欲地使用Vue去写单页面应用了。\n\n##### 注：此开源系列的知识点全部经历过线上实践，会考虑到细节、兼容和使用体验等问题。\n\n## 技术栈\n1. [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)\n2. [axios（请求库）](https://github.com/axios/axios)\n3. [mint-ui（饿了么移动端UI库）](http://mint-ui.github.io/docs/#/zh-cn2)\n4. [vue-progressbar（加载进度条）](https://github.com/hilongjw/vue-progressbar)\n5. [amfe-flexible（淘宝适配库）](https://github.com/amfe/lib-flexible)\n6. [mockjs（数据模拟）](http://mockjs.com/)\n7. [ES6/7（JS语法）](https://github.com/lukehoban/es6features)、[ESlint（JS语法规范）](https://github.com/standard/standard/blob/master/docs/RULES-zhcn.md)\n8. [Stylus（css预处理器）](https://github.com/stylus/stylus)\n9. [IconFont（阿里字体库）](http://www.iconfont.cn/)\n\n## 说明\n\u003e 如果此开源系列对你有帮助，你可以点右上角 \"star\"支持一下，非常感谢！^_^ 🌹\n\n\u003e 或者您可以 \"follow（关注）\" 一下作者，我正在不断开源更多实用的项目\n\n\u003e 如有问题可以直接在 Issues 中提，或者加入我们下方Vue群更进一步地交流\n\n## 最终目标\nVue学习系列\n- 第一阶段：[vue2-echo](https://github.com/uncleLian/vue2-echo) —— echo回声（ 移动端，难度：★★☆☆☆  入门项目， 推荐 ⭐️⭐️⭐️️⭐️⭐️）\n- 第二阶段：[vue2-news](https://github.com/uncleLian/vue2-news) —— 今日头条（ 移动端，难度：★★★☆☆ 过渡项目）\n- 第三阶段：[vue2-health](https://github.com/uncleLian/vue2-health) —— 头条号（ pc端，难度：★★★☆☆ 过渡项目）\n- 第四阶段：[vue2-native](https://github.com/uncleLian/vue2-native) —— 今日头条（ native端，难度：★★★★☆ 进阶项目，可跳过）\n- 第五阶段：[vue-blog](https://github.com/uncleLian/vue-blog) —— 后台管理集成解决方案（ pc端管理后台，难度：★★★★★ 进阶项目，推荐 ⭐️⭐️⭐️️⭐️⭐️️️️）\n\n## 效果演示 \n\n[在线链接](http://echo.liansixin.win)（请使用手机模式预览）\n\n\u003cimg src=\"https://unclelian.github.io/vue2-echo/screenshots/echo_QRcode.png\" width=\"250\" height=\"250\"/\u003e\n\n## 功能\n\n- [x] 全站内播放（单页面优点）\n- [x] 播放行为：播放、暂停、下一首、一键播放\n- [x] 播放模式：默认、随机播放、单曲循环、列表循环\n- [x] 播放视图：播放进度条（可调节）、播放列表（可增删、切换、清空）\n\n## 项目截图\n\n![image](https://unclelian.github.io/vue2-echo/screenshots/echo_index.png)\n\n![image](https://unclelian.github.io/vue2-echo/screenshots/echo_detail.png)\n\n![image](https://unclelian.github.io/vue2-echo/screenshots/echo_mode.png)\n\n## 目录结构\n\n``` bash\n├── src                          \n│   ├── api                      // 请求api\n│   ├── assets                   // 静态资源\n│   ├── components               // 全局组件\n│   ├── filters                  // 全局过滤\n│   ├── mock                     // 模拟数据\n│   ├── page                   \n│   |   ├── detail               // 详情页\n│   |   ├── index                // 首页\n│   ├── router                   // 路由\n│   ├── store                    // 状态管理\n│   ├── utils                    // 公用方法\n│   ├── App.vue\n│   └── main.js\n├── .env.development             // 开发环境变量\n├── .env.production              // 生产环境变量\n├── package.json                 // 项目依赖\n└── vue.config.js                // vue-cli 3.0配置\n```\n\n## 开发和发布\n\n``` bash\n# 安装依赖\nnpm install\n\n# 启动项目：localhost:8001\nnpm run dev\n\n# 打包项目\nnpm run build\n\n# 查看构建报告：/dist/report.html\nnpm run build:report\n```\n\n## 更新日志\n[发行说明](https://github.com/uncleLian/vue2-echo/releases)中记录了每个版本的详细更改。\n\n## 交流\n\n欢迎热爱学习、忠于分享的朋友一起来交流\n- Vue交流群：338241465\n\n## License\n\n[MIT](https://github.com/uncleLian/vue2-echo/blob/master/LICENSE)\n\nCopyright (c) 2017-present，uncleLian\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FuncleLian%2Fvue2-echo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FuncleLian%2Fvue2-echo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FuncleLian%2Fvue2-echo/lists"}