{"id":14984144,"url":"https://github.com/ywanzhou/vue3-template","last_synced_at":"2025-04-04T13:11:11.121Z","repository":{"id":37476353,"uuid":"467384331","full_name":"ywanzhou/vue3-template","owner":"ywanzhou","description":"一个 Vue3 + TS + Vite + Element-Plus 开箱即用的企业级开发模板。","archived":false,"fork":false,"pushed_at":"2024-07-19T09:47:06.000Z","size":2851,"stargazers_count":467,"open_issues_count":4,"forks_count":170,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-28T12:06:14.618Z","etag":null,"topics":["element-plus","eslint","prettier","tailw","tailwindcss","template","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/ywanzhou.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"2022-03-08T06:02:33.000Z","updated_at":"2025-03-28T03:18:15.000Z","dependencies_parsed_at":"2024-09-25T00:31:04.042Z","dependency_job_id":null,"html_url":"https://github.com/ywanzhou/vue3-template","commit_stats":{"total_commits":105,"total_committers":4,"mean_commits":26.25,"dds":0.1428571428571429,"last_synced_commit":"5b3e56beb4e34f20ee85e41588e4d537eb344877"},"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ywanzhou%2Fvue3-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ywanzhou%2Fvue3-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ywanzhou%2Fvue3-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ywanzhou%2Fvue3-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ywanzhou","download_url":"https://codeload.github.com/ywanzhou/vue3-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247182342,"owners_count":20897379,"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":["element-plus","eslint","prettier","tailw","tailwindcss","template","typescript","vue","vue3"],"created_at":"2024-09-24T14:08:32.504Z","updated_at":"2025-04-04T13:11:11.104Z","avatar_url":"https://github.com/ywanzhou.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue3 template\n\n一个 Vue3 + TS + Vite + Element-Plus 开箱即用的企业级开发模板。\n\n\n## 🎉有点用的小特性\n\n1. 这个是 **Vue3.2**的模板\n2. 支持 **Vite**\n3. UI框架是 **Element-Plus** 它已经支持暗黑模式\n4. CSS框架是 **TailwindCSS**\n5. 状态管理是 **Pinia**\n6. **ESlint+Prettier** 已经配置完成\n7. Git **提交前验证**以及**提交规范**已做好\n8. 封装的**比较完善**的 axios，有一丢丢的学习成本\n9. Vue 和 VueRouter 的 API 自动引入，你还可以配置更多的 API 自动引入\n10. 封装了一个 `useRequest`，让接口请求变得更加简单\n11. 自带一个基础版本的动态路由，可以用作参考\n12. 这个模板比较干净，需要你删除的的东西很少，也就是说需要自己编写的很多\n13. 自带 **Plop** 脚手架，创建同类型文件会更快\n\n\n## 🐉clone\n\n这个是创建项目的第一步，可以按照我写的，你也可以随意发挥~\n\n方式一：点击[Use this template](https://github.com/ywanzhou/vue3-template/generate)按钮，直接使用这个模板；\n\n方式二：使用 `git clone` 命名，命令如下：\n```bash\ngit clone https://github.com/ywanzhou/vue3-template.git\n```\n\n方式三：自行发挥~。\n\n## ✨启动项目\n\n这里我使用的包管理工具时npm，node版本大于 `16.9.0`。使用 npm 的主要原因是适应大多数人，毕竟 yarn 和 pnpm 需要安装，也是有些学习成本的；如果介意可以自行更换包管理工具。\n\n现在开始正式启动这个项目\n\n1. 安装依赖\n```bash\nnpm install # 或者 npm i 或者 yarn\n```\n2. 开发过程\n```bash\nnpm run dev # 运行\n\nnpm run dev:open # 自动打开浏览器\nnpm run dev:host # 添加 --host\n\nnpm run dev:host:open # 自动打开浏览器并添加 --host\n\n```\n3. 打包编译\n\n```bash\nnpm run build\n```\n4. 预览\n\n```bash\nnpm run preview\n```\n5. lint代码并格式化\n\n```bash\nnpm run lint\n```\n\n## 📝有关的文章\n\n- [封装axios](https://juejin.cn/post/7071518211392405541)\n- [封装useRequest](https://juejin.cn/post/7094508831564103688)\n- [动态权限路由](https://juejin.cn/post/7094506830230978591)\n- [搭建过程](https://juejin.cn/post/7074885076823048223)\n\n\n## 📖使用说明\n\n待更新\n\n## 🍚License\n\nvue3-template is open source software licensed as [MIT](./LICENSE)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fywanzhou%2Fvue3-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fywanzhou%2Fvue3-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fywanzhou%2Fvue3-template/lists"}