{"id":16427902,"url":"https://github.com/daotin/create-vue3-template","last_synced_at":"2026-02-17T03:33:05.803Z","repository":{"id":166734972,"uuid":"642252166","full_name":"Daotin/create-vue3-template","owner":"Daotin","description":"前端框架模板 Vite+Vue3+ElementPlus+Pinia+TailWindCSS","archived":false,"fork":false,"pushed_at":"2025-03-24T02:44:23.000Z","size":4446,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-14T16:46:30.938Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://daotin.github.io/fe-series-notes","language":"TypeScript","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/Daotin.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null}},"created_at":"2023-05-18T06:42:19.000Z","updated_at":"2025-03-25T13:00:17.000Z","dependencies_parsed_at":"2024-02-04T08:28:46.390Z","dependency_job_id":"6350810b-c738-4a32-a851-549ed416b9c9","html_url":"https://github.com/Daotin/create-vue3-template","commit_stats":null,"previous_names":["daotin/create-vue3-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Daotin/create-vue3-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Daotin%2Fcreate-vue3-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Daotin%2Fcreate-vue3-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Daotin%2Fcreate-vue3-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Daotin%2Fcreate-vue3-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Daotin","download_url":"https://codeload.github.com/Daotin/create-vue3-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Daotin%2Fcreate-vue3-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29532437,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-17T03:01:11.216Z","status":"ssl_error","status_checked_at":"2026-02-17T03:00:31.803Z","response_time":100,"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":[],"created_at":"2024-10-11T08:14:26.746Z","updated_at":"2026-02-17T03:33:05.788Z","avatar_url":"https://github.com/Daotin.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 前端框架模板 Vite+Vue3\n\n\u003e 配套说明文档：https://daotin.github.io/fe-series-notes\n\n## 功能 TODO\n\n\u003cdetails\u003e\n\u003csummary\u003e脚手架\u003c/summary\u003e\n\n- [x] 开发工具推荐\n- [x] 创建项目\n- [x] 目录结构\n- [x] vite 工程化配置\n  - [ ] gzip\n- [x] 代码规范\n  - [ ] VSCode 常用扩展\n  - [x] 代码格式化 Prettier\n  - [ ] 语法校验 ESlint\n  - [ ] css 代码检测--stylelint\n- [x] git 提交规范\n- [x] 引入 ElementPlus 组件库\n- [x] 引入 TailWindCSS\n- [x] 配置 vue-router\n  - [x] 基础配置\n  - [x] meta 定义\n  - [ ] keepalive 支持\n  - [ ] 面包屑\n  - [x] token 鉴权\n  - [x] SSO 支持\n- [x] 配置 Pinia\n- [x] 封装 axios\n  - [x] 基础配置\n  - [x] token 附加头部\n  - [x] 响应错误处理\n  - ~~[ ] 取消请求~~\n  - [ ] 加密加签\n- [x] 配置 mock\n- [ ] 配置数据类型 model\n  - [ ] 通用 model\n    - [ ] IQuerys, IQuerysBody, IRowData，IRowInfo\n    - [ ] 查询条件 IQuery\n    - [ ] 业务枚举 IEnumModel\n- [x] 静态资源管理\n  - [ ] 样式\n    - [x] reset/variable/less 基础样式\n    - [x] tailwindCSS/WindiCSS\n    - [x] Element Plus UI 组件库\n    - [ ] TailwindCSS 配置兼容 UI 组件库\n    - [ ] polyfill 垫片—兼容旧版本浏览器\n  - [x] svg\n    - [x] svg-icon\n  - [ ] 图片\n- [x] 界面布局 layouts\n- [x] 配置环境变量\n- [x] 权限控制\n- [ ] 国际化 i18n\n- [ ] 工具库\n  - [ ] 常用正则表达式（手机号，邮箱，身份证）\n  - [ ] 函数库\n    - [ ] 文件上传\n    - [ ] 文件下载\n  - [ ] 枚举定义 `enum.ts`\n  - [x] message 封装\n  - [x] storage 封装\n  - [ ] 自定义指令\n    - [x] `v-auth`\n  - [ ] 常量\n    - [ ] Token\n    - [ ] BaseUrl\n    - [ ] imageUrl\n    - [ ] WssUrl\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e组件\u003c/summary\u003e\n\n- [x] 基础 UI 组件 base\n  - [ ] 空状态：BaseEmpty\n  - [ ] 标题 title\n  - [ ] 返回按钮\n  - [ ] 带 toolTip 的按钮：BaseTipButton\n  - [ ] 基础弹框：BaseDialog\n  - [ ] 基础侧边栏：BaseDrawer\n  - [ ] 基础 icon：BaseIcon\n  - [ ] 基础 Switch：BaseSwitch\n  - [ ] 基础 Tag：BaseTag\n  - [ ] 超出换行：BaseOverflow\n  - [ ] ...\n- [ ] 业务容器组件 bussiness\n  - [ ] 搜索表单 searchForm\n  - [ ] 数据表格 dataTable\n  - [ ] 机构树\n  - [ ] 图片上传\n  - [ ] ...\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e业务模块\u003c/summary\u003e\n\n\u003e 参考其他组件库：https://vben.vvbin.cn/#/dashboard/analysis\n\n- [x] 登录注册\n- [ ] 首页\n  - [ ] 个人信息\n  - [ ] changelog\n  - [ ] 卡片\n  - [ ] 柱状图\n  - [ ] 饼图\n  - [ ] 折线图\n- [ ] 打印\n- [ ] 下载 PDF\n- [ ] 导入/导出 Excel\n- [ ] 富文本编辑器\n- [ ] markdown 编辑器\n- [x] 项目用到的 svg 预览界面：`iconPreview.vue`\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003e其他\u003c/summary\u003e\n\n- [ ] WIKI 文档\n  - [x] 基础实现过程\n    - [ ] 组件封装\n    - [ ] use 函数库\n  - [ ] UI 设计规范\n  - [ ] Git 版本控制\n\n\u003c/details\u003e\n\n## 使用\n\n#### 安装依赖\n\n```\npnpm install\n```\n\n#### 运行\n\n```\npnpm run dev\n```\n\n关于执行指令的说明：\n\n```json\n\"scripts\": {\n\t\t\"dev\": \"vite\",\n    /**\n    1、run-p 是 npm-run-all 包提供的一个命令，用于并行执行多个 npm 脚本，如果type-check失败，不会阻止vite build\n    2、type-check是一个用于在 Vue.js 项目中执行 TypeScript 类型检查的命令，它不会生成任何实际的编译输出文件，只进行类型检查。比如类型不匹配，属性不存在等\n    3、vue-tsc --noEmit 默认会使用项目根目录下的 tsconfig.json 文件进行类型检查。\n    4、如果想要在类型检查失败，构建命令不执行，可以改成run-s（串联），或者 npm run type-check \u0026\u0026 vite build\n    */\n\t\t\"build\": \"run-p type-check build-only\",\n\t\t\"build-only\": \"vite build\",\n\t\t\"prepare\": \"husky install\",\n\t\t\"type-check\": \"vue-tsc --noEmit\",\n\t\t\"changelog\": \"conventional-changelog -p custom-config -i CHANGELOG.md -s -r 0  -n ./changelog.config.js\",\n\n    /**\n      运行后，对暂存区内容进行eslint和stylelint校验。校验配置如下：\n        \"lint-staged\": {\n            \"*.{vue,ts,tsx,js,jsx,json}\": [\n              \"eslint --cache --quiet\"\n            ],\n            \"*.{css,less,vue}\": [\n              \"stylelint --cache --quiet\"\n            ]\n          }\n    */\n\t\t\"lint-staged\": \"lint-staged\",\n\n\n    /**\n      对整个项目进行eslint校验，但是不自动修复\n    */\n\t\t\"lint\": \"eslint --cache --cache-location node_modules/.cache/.eslintcache --ext .vue,.ts,.tsx,.js,.jsx,.json --quiet src/\",\n    /**\n      对整个项目进行eslint校验，自动修复可以修复的。\n    */\n\t\t\"lint:fix\": \"eslint --cache --cache-location node_modules/.cache/.eslintcache --ext .vue,.ts,.tsx,.js,.jsx,.json --quiet src/ --fix\",\n\n    /**\n      对整个项目进行stylelint校验，但是不自动修复\n    */\n\t\t\"stylelint\": \"stylelint \\\"src/**/*.{css,less,vue}\\\" --cache --cache-location node_modules/.cache/.stylelintcache\",\n\n    /**\n      对整个项目进行stylelint校验，但是不自动修复\n    */\n    \"stylelint:fix\": \"stylelint \\\"src/**/*.{css,less,vue}\\\" --cache --cache-location node_modules/.cache/.stylelintcache --fix\"\n\t},\n```\n\n#### 构建\n\n```\npnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaotin%2Fcreate-vue3-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaotin%2Fcreate-vue3-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaotin%2Fcreate-vue3-template/lists"}