{"id":17476716,"url":"https://github.com/johnsenzhou/vue-mobile-starter","last_synced_at":"2025-04-22T10:19:49.304Z","repository":{"id":80151897,"uuid":"98249703","full_name":"JohnsenZhou/vue-mobile-starter","owner":"JohnsenZhou","description":"☘ A starter project structure for Vue.js app.","archived":false,"fork":false,"pushed_at":"2018-02-27T12:45:24.000Z","size":381,"stargazers_count":104,"open_issues_count":0,"forks_count":20,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-18T22:10:46.762Z","etag":null,"topics":["javascript","vue","vue-router","vuex"],"latest_commit_sha":null,"homepage":"http://111.231.228.147:8001","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/JohnsenZhou.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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-07-25T01:20:50.000Z","updated_at":"2024-04-23T10:19:10.000Z","dependencies_parsed_at":"2023-07-15T15:19:29.734Z","dependency_job_id":null,"html_url":"https://github.com/JohnsenZhou/vue-mobile-starter","commit_stats":{"total_commits":62,"total_committers":1,"mean_commits":62.0,"dds":0.0,"last_synced_commit":"f62b0bdf65e0ad69b994fd18a061762fdef09fa0"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnsenZhou%2Fvue-mobile-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnsenZhou%2Fvue-mobile-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnsenZhou%2Fvue-mobile-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JohnsenZhou%2Fvue-mobile-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JohnsenZhou","download_url":"https://codeload.github.com/JohnsenZhou/vue-mobile-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250221261,"owners_count":21394680,"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":["javascript","vue","vue-router","vuex"],"created_at":"2024-10-18T19:09:42.715Z","updated_at":"2025-04-22T10:19:49.296Z","avatar_url":"https://github.com/JohnsenZhou.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-mobile-starter \u0026middot;  [![PyPI](https://img.shields.io/pypi/status/Django.svg)]()  [![Packagist](https://img.shields.io/packagist/l/doctrine/orm.svg)](https://github.com/JohnsenZhou/vue-mobile-starter/blob/master/LICENSE)\n\n[View README in English](https://github.com/JohnsenZhou/vue-mobile-starter/blob/master/README_en.md)\n\n\u003e 基于 vue2 + vuex + vue-router 构建的移动端单页微应用，适合于vue2、vuex、vue-router核心概念的理解与掌握。\n\n## 前言\n本项目虽说是一个十来个页面的小型项目，不过却涉及到**vue**模块的全局和局部应用配置、第三方UI组件的使用、**vuex stroe**的合理化配置、**vue-router**编程式的导航，路由子路由配置，路由信息对象等。非常适合于新手对**vue**核心开发理念的掌握。\n\u003e 之后会做一版 **react + redux** 的版本，感兴趣的同学可以持续关注哦。**[查看 React 版本](https://github.com/JohnsenZhou/react-mobile-starter)**\n\u003e \n\n\n## 开源技术支持\n\n1. **[vue全家桶](https://cn.vuejs.org/)**：vue2 + vuex + vue-router + vue-cli\n2. **[jsonplaceholder](http://jsonplaceholder.typicode.com)**：一个简单的在线模拟REST API服务器\n3. **[axios](https://github.com/mzabriskie/axios)**：基于Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用\n4. **[muse-ui](https://museui.github.io/)**：基于 Vue 2.0 和 Material Desigin 的 UI 组件库\n5. **[express](http://www.expressjs.com.cn/)**：基于 Node.js 平台的 web 应用开发框架\n6. **[pm2](http://pm2.keymetrics.io/)**：Node应用进程管理器\n\n## 如何开发\n\n``` bash\n# 克隆本仓库\ngit clone https://github.com/JohnsenZhou/vue-mobile-starter.git\n\n# 进入仓库目录\ncd vue-mobile-starter\n\n# 安装依赖\nnpm install\n\n# 启动项目，本地浏览地址 =\u003e localhost:8080\nnpm run dev\n\n# 打包压缩\nnpm run build\n\n```\n\n## 目录结构\n```\n.\n├── README.md            // README文件\n├── build                // vue-cli生成的配置文件\n├── config               // vue-cli生成的配置文件\n├── config.dev.json      // 部署配置文件\n├── config.prod.json     // 部署配置文件\n├── index.html           // index入口文件\n├── node_modules         \n├── npm-shrinkwrap.json  // 依赖版本锁定\n├── package.json         // npm 配置文件\n├── pm2.json             // pm2 配置文件\n├── server.js            // node 部署服务文件配置\n├── src                  // 项目开发目录\n│   ├── App.vue          // 项目主组件\n│   ├── assets           // 资源文件夹\n│   ├── components       // vue通用组件\n│   ├── main.js          // vue实例入口文件\n│   ├── router           // vue-router配置文件\n│   ├── services         // 接口文件\n│   ├── store            // vuex配置文件\n│   ├── utils            // js通用工具组件\n│   └── views            // vue视图页面\n└── static               // 静态资源文件\n\n```\n\n## 效果演示\n\n[**在线浏览Demo请戳这里**](http://47.94.102.32:8001)\n\n\u003e1. 项目通过阿里云部署\n\u003e1. 想了解详细部署过程的同学请浏览 [**此文档**](https://github.com/JohnsenZhou/NodeApp-Deploy)\n\n\n### 手机浏览请扫描下方二维码\n\n![在线浏览](https://raw.githubusercontent.com/JohnsenZhou/NodeApp-Deploy/img/qrcode.png)\n\n## License\n[MIT](https://github.com/JohnsenZhou/vue-mobile-starter/blob/master/LICENSE) license.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnsenzhou%2Fvue-mobile-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohnsenzhou%2Fvue-mobile-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnsenzhou%2Fvue-mobile-starter/lists"}