{"id":26207075,"url":"https://github.com/better-tcy/vue-basics-cms2","last_synced_at":"2026-05-15T12:36:42.366Z","repository":{"id":136139411,"uuid":"416617580","full_name":"better-tcy/vue-basics-cms2","owner":"better-tcy","description":"A CMS template based on Vue 2","archived":false,"fork":false,"pushed_at":"2022-03-09T01:10:38.000Z","size":1178,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-08T19:54:41.459Z","etag":null,"topics":["cms","vue","vuex"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/better-tcy.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":"2021-10-13T06:35:09.000Z","updated_at":"2023-03-03T09:56:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"cee05449-1bbf-4044-8b6a-11267513883d","html_url":"https://github.com/better-tcy/vue-basics-cms2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/better-tcy/vue-basics-cms2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/better-tcy%2Fvue-basics-cms2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/better-tcy%2Fvue-basics-cms2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/better-tcy%2Fvue-basics-cms2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/better-tcy%2Fvue-basics-cms2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/better-tcy","download_url":"https://codeload.github.com/better-tcy/vue-basics-cms2/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/better-tcy%2Fvue-basics-cms2/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33067472,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T11:35:32.926Z","status":"ssl_error","status_checked_at":"2026-05-15T11:35:31.362Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["cms","vue","vuex"],"created_at":"2025-03-12T05:30:11.691Z","updated_at":"2026-05-15T12:36:42.349Z","avatar_url":"https://github.com/better-tcy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"文档\n\n## 一.说明\n\n这是一个基于 cli4.x+webpack4.x+element2.x 搭建的一个 cms 基础模板\n\n## 二.目录\n\n### 1.public:静态资源文件夹\n\n### 2.src:项目资源\n\n- assets:项目资源(初始化 css,项目主题自定义配置,图片,公共 scss 样式)\n- components:组件(页面公共组件,cms 框架组件)\n- request:网络请求(api 文件夹:包含每个菜单下的接口统一维护及登录页面接口维护,http.js:基于 axios 封装的网络请求)\n- router:路由(index.js 主路由,其他文件 登录及每个一级菜单下对应的所有路由)\n- store:vuex(index.js 主 vuex 配置,其他文件 vuex 的 5 种状态解耦)\n- utils:工具文件夹(持久化 vuex,页面公共方法)\n- views:项目所有页面和 request 文件目录结构一一对应\n- APP.vue:项目主组件\n- main.js:项目入口文件\n- env:对应模式的环境变量(开发,测试,生产)\n- package-lock.json:项目具体所依赖的库 插件等\n- vue.config:对 webpack 以及 serve 的一些配置\n\n## 三.模板所含功能\n\n1. 自定义主题 src-\u003eassets-\u003e-\u003ebasics-config.js 可修改主题\n2. 抽离 vuex vue-router axios 等重要库\n3. 封装 axios 请求响应拦截器 及 vue-router 前置钩子\n4. 动态路由,动态按钮权限的封装\n5. 持久化 vuex(强制刷新页面 任何数据不会丢失)\n6. 线下跨域 proxy 代理配置\n7. webpack 优化\n8. 集成各种页面所需工具函数\n9. npm run serve、test、build 自动引入对应的环境变量\n10. 支持 scss 编写样式\n\n## 四.个人编码规范\n\n1. views-\u003econtent 文件夹中逐层写每级菜单 request 文件夹中一一对应\n2. 如页面中用到非公共组件的页面组件 则在页面的同级目录下建一个'页面名 children'文件夹,用于存放该页面的组件(页面组件以大写 C 结尾),如该页面有延伸页面 则也放到此文件夹\n3. 文件夹以 - 分割的方式命名\n4. 变量 函数 文件名 使用小驼峰命名\n5. 组件 具体页面 使用大驼峰命名\n6. 图片 样式 class 以 menu_list_icon 格式命名\n\n## 五.git 提交\n\n提交代码需要使用 `npm run commit | yarn commit`：\n\n- 第一步是选择 type，本次更新的类型\n\n| Type     | 作用                                                                                   |\n| -------- | -------------------------------------------------------------------------------------- |\n| feat     | 新增特性 (feature)                                                                     |\n| fix      | 修复 Bug(bug fix)                                                                      |\n| docs     | 修改文档 (documentation)                                                               |\n| style    | 代码格式修改(white-space, formatting, missing semi colons, etc)                        |\n| refactor | 代码重构(refactor)                                                                     |\n| perf     | 改善性能(A code change that improves performance)                                      |\n| test     | 测试(when adding missing tests)                                                        |\n| build    | 变更项目构建或外部依赖（例如 scopes: webpack、gulp、npm 等）                           |\n| ci       | 更改持续集成软件的配置文件和 package 中的 scripts 命令，例如 scopes: Travis, Circle 等 |\n| chore    | 变更构建流程或辅助工具(比如更改测试环境)                                               |\n| revert   | 代码回退                                                                               |\n\n- 第二步选择本次修改的范围（作用域）\n\n![image-two](https://github.com/Betteryourself-tcy/images/blob/master/two.png?raw=true)\n\n- 第三步选择提交的信息\n\n![image-three](https://github.com/Betteryourself-tcy/images/blob/master/three.png?raw=true)\n\n- 第四步提交详细的描述信息\n\n![image-four](https://github.com/Betteryourself-tcy/images/blob/master/four.png?raw=true)\n\n- 第五步是否是一次重大的更改\n\n![image-five](https://github.com/Betteryourself-tcy/images/blob/master/five.png?raw=true)\n\n- 第六步是否影响某个 open issue\n\n![image-six](https://github.com/Betteryourself-tcy/images/blob/master/six.png?raw=true)\n\n#### ps: 后期也会考虑写 vue3+ts+element plus 的 cms 模板 最后 谢谢您能耐心看完我写的文档 非常感谢\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbetter-tcy%2Fvue-basics-cms2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbetter-tcy%2Fvue-basics-cms2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbetter-tcy%2Fvue-basics-cms2/lists"}