{"id":13933113,"url":"https://github.com/aermin/vue-home","last_synced_at":"2025-04-13T09:51:00.979Z","repository":{"id":98916791,"uuid":"91902245","full_name":"aermin/vue-home","owner":"aermin","description":":house:  A simple project(Vue Community SPA) which bases on vue+vue-cli+vue-router+axios+ scss.","archived":false,"fork":false,"pushed_at":"2019-04-17T08:12:11.000Z","size":955,"stargazers_count":253,"open_issues_count":3,"forks_count":78,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-27T01:12:16.662Z","etag":null,"topics":["axios","javascript","scss","vue-cli","vue-router","vue2","vuejs2","vuex","webpack"],"latest_commit_sha":null,"homepage":"https://aermin.github.io/vue-home/dist/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aermin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-05-20T16:34:03.000Z","updated_at":"2025-01-15T02:55:24.000Z","dependencies_parsed_at":"2023-03-10T09:45:22.732Z","dependency_job_id":null,"html_url":"https://github.com/aermin/vue-home","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aermin%2Fvue-home","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aermin%2Fvue-home/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aermin%2Fvue-home/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aermin%2Fvue-home/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aermin","download_url":"https://codeload.github.com/aermin/vue-home/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248695300,"owners_count":21146952,"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":["axios","javascript","scss","vue-cli","vue-router","vue2","vuejs2","vuex","webpack"],"created_at":"2024-08-07T21:01:37.365Z","updated_at":"2025-04-13T09:51:00.958Z","avatar_url":"https://github.com/aermin.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"### [点击加入vue-home的项目聊天群](https://im.aermin.top/group_chat/6d1172d0-60e8-11e9-a4ec-a5a0c435a9d7)\n\n\n## vue-home\n\n\u003e技术点 \n\n用vue社区提供的API，基于vue+vue-cli+vue-router+axios+webpack开发的vue社区 SPA\n\nUI用Muse-UI,css用scss，rem做移动端适配\n\n\n\u003e 建议先去社区[注册](https://www.vue-js.com/signup)拿accesstoken登录体验(注册可以直接用github账号，挺快的)\n\n[demo](https://aermin.github.io/vue-home/dist/)\n\n[点击查看gif动图展示](http://ooytyiziz.bkt.clouddn.com/vue-home.gif)\n\n[项目API](https://www.vue-js.com/api/)\n### 手机扫描查看效果\n![手机扫描查看效果](https://github.com/aermin/vue-home/blob/master/src/assets/1495982696.png)\n\n\u003e 完成功能\n\n- [x] 首页列表\n- [x] 下拉加载\n- [x] 用户信息（点击头像）\n- [x] 主题内容\n- [x] 登录功能\n- [x] 收藏（取消收藏）主题\n- [x] 评论列表\n- [x] 点赞（取消点赞）功能\n- [x] 消息中心（已读、未读）\n- [x] 个人中心\n- [x] 发表评论\n- [x] 回复评论\n- [x] 发布主题（支持markdown编辑且可预览）\n\n\n### 安装运行\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n\n# build for production and view the bundle analyzer report\nnpm run build --report\n```\n* 注意`npm run dev` 之后 默认浏览器打开的是http://localhost:8080  请换成http://localhost:8080/vue-home/dist\n\n### 准备开发环境\n\n* $ cd vue-home\n* $ npm install\n* $ npm run dev\n\n等写完项目后 打包上线\n* $ npm run build\n\n#### 项目结构\n\n```\n├── build\n│   ├── build.js\n│   ├── check-versions.js\n│   ├── dev-client.js\n│   ├── dev-server.js\n│   ├── utils.js\n│   ├── vue-loader.conf.js\n│   ├── webpack.base.conf.js\n│   ├── webpack.dev.conf.js\n│   └── webpack.prod.conf.js\n├── config\n│   ├── dev.env.js\n│   ├── index.js\n│   └── prod.env.js\n├── dist                  //等写完项目后 $ npm run build 的打包文件\n│   ├── index.html\n│   └── static\n├── index.html            //首页入口文件\n├── node_modules\n├── package.json          \n├── src\n│   ├── App.vue           //项目入口文件\n│   ├── assets\n│   │   ├── 1495982696.png  //手机扫描二维码\n│   │   ├── logo.png        //vue logo\n│   │   └── sass            //sass通用样式\n│   ├── components          //组件\n│   │   ├── FooterNav.vue   //底部nav组件\n│   │   ├── HeaderBar.vue   //顶部横条\n│   │   ├── HeaderTabs.vue  //顶部tabs组件\u0026主页面内容拉取\n│   │   └── Hello.vue        \n│   ├── main.js             //核心文件 在这里引入了Muse UI 时间过滤器\n│   ├── pages               //页面\n│   │   ├── content.vue     //帖子内容页面  \n│   │   ├── index.vue       //首页\n│   │   ├── login.vue       //登录页面\n│   │   ├── message.vue     //信息通知页面\n│   │   ├── more.vue        \n│   │   ├── my.vue          //个人信息页面\n│   │   ├── people.vue      //社区用户信息页面\n│   │   └── publish.vue     //发布帖子页面\n│   ├── router              //路由与组件配置\n│   │   └── index.js \n│   └── util                //时间过滤器，转换时间格式\n│       └── filter.js\n└── static\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faermin%2Fvue-home","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faermin%2Fvue-home","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faermin%2Fvue-home/lists"}