{"id":21465414,"url":"https://github.com/jacobhsu/vue-web-app","last_synced_at":"2025-08-23T01:40:55.837Z","repository":{"id":39227361,"uuid":"240053541","full_name":"JacobHsu/vue-web-app","owner":"JacobHsu","description":null,"archived":false,"fork":false,"pushed_at":"2022-12-12T01:49:01.000Z","size":1924,"stargazers_count":0,"open_issues_count":23,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-23T15:18:17.255Z","etag":null,"topics":["vue"],"latest_commit_sha":null,"homepage":"","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/JacobHsu.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}},"created_at":"2020-02-12T15:58:02.000Z","updated_at":"2020-03-02T08:56:48.000Z","dependencies_parsed_at":"2023-01-27T10:15:53.710Z","dependency_job_id":null,"html_url":"https://github.com/JacobHsu/vue-web-app","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/JacobHsu%2Fvue-web-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Fvue-web-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Fvue-web-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JacobHsu%2Fvue-web-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JacobHsu","download_url":"https://codeload.github.com/JacobHsu/vue-web-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243982141,"owners_count":20378605,"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":["vue"],"created_at":"2024-11-23T08:10:16.430Z","updated_at":"2025-03-17T05:43:51.942Z","avatar_url":"https://github.com/JacobHsu.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-web-app\n\n[creating-a-project](https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create)\n\n`vue create vue-web-app`\n\n## mobile setting\n\nViewport的設定 用戶手指放大縮小無效\n\n```html\n\u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no\"\u003e\n```\n\n[reset.css](https://meyerweb.com/eric/tools/css/reset/) 重置基本樣式表\n移动端1像素边框问题  \nborder.css 解決移動端[1像素邊框問題](https://www.jianshu.com/p/fa670b737a29)  \n[FastClick](https://www.npmjs.com/package/fastclick) is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap  \n[Iconfont](https://www.iconfont.cn/)-阿里巴巴矢量图标库  \n\n[vue项目笔记（4）-常用的基础样式（reset.css与border.css）](https://blog.csdn.net/qq_41115965/article/details/81542910)\n\n### CSS\n\nreset.css\n\n```html\nhtml {overflow-x: hidden;height: 100%;font-size: 50px;\n```\n\n1 rem = html font-size = 50px\n43px / 50px = 86px / 100px = .86 rem  `line-height: .86rem`\n\n[REM](https://www.hexschool.com/2016/01/02/2016-08-08-em-vs-rem/)\n20px  = 50 * 0.4 = .4rem\n\n### api\n\nVue CLI 2  模擬數據會放在`static/mock/index.json`  \nVue CLI 3  模擬數據會放在`public/mock/index.json`  \n手動新建vue.config.js文件[配置](https://kknews.cc/zh-tw/code/2kkp33g.html)\n\n## Tools\n\n[vue-awesome-swiper](https://github.com/surmon-china/vue-awesome-swiper)\n`yarn add vue-awesome-swiper@2.6.7 `  \n[Vue.js devtools](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)  \n[better-scroll](https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/installation.html)\n[Swiper3|Swiper中文网](https://3.swiper.com.cn/) API 文档 \u003e Pagination（分页器）\n[babel-polyfill](https://babeljs.io/docs/en/6.26.3/babel-polyfill) 解決手機瀏覽器不支持promise造成白屏問題 幫添加es6特性\n\n## Docs\n\nvuejs.org \u003e Ecosystem \u003e Core Libraries \u003e [Vuex](https://vuex.vuejs.org/zh/)\n\n## Deploy\n\n`$ yarn add gh-pages`\n\npackage.json\n\n```js\n\"homepage\": \"https://jacobhsu.github.io/vue-web-app/\",\n  \"scripts\": {\n    \"deploy\": \"yarn build \u0026\u0026 gh-pages -d dist\"\n  },\n```\n\nvue.config.js\n\n```js\nmodule.exports = {\n   publicPath: process.env.NODE_ENV === 'production' ? '/vue-web-app' : '/',\n}\n```\n\n## Project setup\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```\nyarn run serve\n```\n\n### Compiles and minifies for production\n```\nyarn run build\n```\n\n### Run your tests\n```\nyarn run test\n```\n\n### Lints and fixes files\n```\nyarn run lint\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacobhsu%2Fvue-web-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjacobhsu%2Fvue-web-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjacobhsu%2Fvue-web-app/lists"}