{"id":22283754,"url":"https://github.com/veaba/vue-mtoilet","last_synced_at":"2025-08-23T05:33:49.278Z","repository":{"id":104582209,"uuid":"165798494","full_name":"veaba/vue-mtoilet","owner":"veaba","description":"跟风一波，放出马桶MT官方项目。看到马桶MT官网是VUE开发，可他们的前端疏漏了前端项目上线build之前的准备工作，这里仅供学习参考别人优秀vue项目，别无他意","archived":false,"fork":false,"pushed_at":"2019-01-15T08:31:18.000Z","size":1123,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-25T15:08:25.838Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/veaba.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-01-15T06:36:47.000Z","updated_at":"2024-10-28T10:50:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"3ac636fb-eea5-4286-a791-9bd6b3d7cce0","html_url":"https://github.com/veaba/vue-mtoilet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/veaba/vue-mtoilet","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/veaba%2Fvue-mtoilet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/veaba%2Fvue-mtoilet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/veaba%2Fvue-mtoilet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/veaba%2Fvue-mtoilet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/veaba","download_url":"https://codeload.github.com/veaba/vue-mtoilet/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/veaba%2Fvue-mtoilet/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271745597,"owners_count":24813509,"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","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-12-03T16:42:00.561Z","updated_at":"2025-08-23T05:33:49.251Z","avatar_url":"https://github.com/veaba.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 仿造马桶MT 官方vue项目，仅供学习参考！\n## 声明\n\u003e 严重声明！我是本着学习的目的，复刻该项目，以下说明仅仅是针对代码来阐释，如果措辞不当，伤害了人，请告诉我，里面删除不得当的地方。\n我也仅仅是娱乐一下，参考学习而已，如果后续衍生其他负面影响，在此提前说一句：对不住！一时没忍住，打扰了。\n\n## 如何使用\n\u003e 基于 vue cli@3.0 构建的项目\n- 安装依赖\n\u003e npm install \n\n- 启动项目(开发环境下)\n\u003e npm run serve\n\n- 如果要build，最好使用nginx 做代理\n\u003e npm run build\n\n## 剖析\n\u003e 仿照马桶MT 官网 vue项目。说实话，复刻完这个项目，我都不想去碰它了，这压根是实习生写的，如果不是，觉得是学习vue不到一个星期，不过从这一点来讲，还是算比较优秀的吧。\n\n\u003e 本着学习的目的，我还是尽量从里面找到一些优势点，供给大家学习参考。\n- 该项目使用的是vue项目，看起来时2.0构建的？main.js的写法，让我没办法一下子在vue cli 3.0下构建成功，还要手动改下\n- 由于马桶MT官网开发者，可能是新手，导致build 之后，sourceMap暴露出来，源码暴露，我以前也犯过，自己找到自己修复。\n- PC一套css、Mobile 一套css，吐槽，scss 了解下，好久没写css，各种复制css难受\n- 马桶MT官网开发者，难道不注意控制台的vue警告吗？你created之后 `this.width` 给data 是闹哪样？data还是空的，vue响应式原理，了解下吧。。\n- 另外，作者，最后忍不住一句。你的css 水平就是 `实习生`，`滑稽`,帮你修复了很多语法错误了。。。\n- 作者使用了flex 布局，虽然兼容性不是都能全都接受，但也是大势所趋，使用的还是挺好的。\n- 建议用一下webStorm，我是靠着它很快发现各种css 语法错误的\n- 这后端并发有点渣了吧。。。\n\n## 这个项目适合新手和尝鲜者\n- 可以学习flex\n- pc 和mobile 的兼容方式，该项目使用的是两套css\n- vue 开发一个响应式网站，生产一套\n- 等等\n\n## 关于如何fix这个项目源码泄漏 `我已fix`\n- 造成build下，项目源码泄漏原因是sourceMap没关\n```js\n// vue cli v2.0下，src/config/index.js\nmodule.exports={\n\tbuild:{\n\t\tproductionSourceMap:false//false 即可\n\t}\n}\n// vue cli v3.0下,vue.config.js\nmodule.exports={\n\tproductionSourceMap:false,//这样\n}\n```\n\n## 后记\n@veaba  2019年1月15日16:16:10","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fveaba%2Fvue-mtoilet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fveaba%2Fvue-mtoilet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fveaba%2Fvue-mtoilet/lists"}