{"id":13417027,"url":"https://github.com/pengzhanbo/vulcan","last_synced_at":"2025-03-18T21:31:41.482Z","repository":{"id":74963582,"uuid":"557729480","full_name":"pengzhanbo/vulcan","owner":"pengzhanbo","description":"🔥The Template for Mobile Application, Vite4\u0026Vue3, Pinia, Router, APIs\u0026Mock, I18n, Unit\u0026E2E Test.移动端Web应用模板","archived":false,"fork":false,"pushed_at":"2024-09-23T22:26:22.000Z","size":2296,"stargazers_count":21,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-16T23:42:12.416Z","etag":null,"topics":["template","typescript","vite","vite-starter","vite-template","vue3","vue3-starter"],"latest_commit_sha":null,"homepage":"https://vulcan-vue.netlify.app/","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/pengzhanbo.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-10-26T07:37:20.000Z","updated_at":"2025-03-07T13:24:47.000Z","dependencies_parsed_at":"2023-10-13T06:14:05.169Z","dependency_job_id":"66306c76-ad47-4a09-8df3-fee229ffe794","html_url":"https://github.com/pengzhanbo/vulcan","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/pengzhanbo%2Fvulcan","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fvulcan/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fvulcan/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Fvulcan/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pengzhanbo","download_url":"https://codeload.github.com/pengzhanbo/vulcan/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244310790,"owners_count":20432612,"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":["template","typescript","vite","vite-starter","vite-template","vue3","vue3-starter"],"created_at":"2024-07-30T22:00:31.315Z","updated_at":"2025-03-18T21:31:36.473Z","avatar_url":"https://github.com/pengzhanbo.png","language":"TypeScript","funding_links":[],"categories":["Get Started","TypeScript"],"sub_categories":["Templates"],"readme":"# Vulcan\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://github.com/pengzhanbo/vulcan/blob/main/public/logo.png?raw=true\" /\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e🚀🚀一个基于 vite + vue3 的项目模板，帮助快速创建 Mobile Web 应用。🚀🚀\u003c/p\u003e\n\u003cbr\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://vulcan-vue.netlify.app/\"\u003e在线案例\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\n## 特性\n\n- ⚡️ [vue 3](https://github.com/vuejs/core), [vite 4](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [esbuild](https://github.com/evanw/esbuild) - 非常快！\n- 🦾 使用 Typescript\n- 📦 组件自动加载\n- 🍍 使用 [pinia](https://pinia.vuejs.org/) 状态管理\n- 🔥 使用 `\u003cscript setup\u003e` 语法\n- 🌍 [i18n](https://github.com/intlify/vue-i18n-next) 集成 国际化方案\n- 📥 自动加载 API， Composition API 自动引入\n- ⚙️ 使用 [Vitest](https://github.com/vitest-dev/vitest) 进行单元测试, [Cypress](https://cypress.io/) 进行 E2E 测试\n- 🎨 使用 postcss / sass 编写 CSS\n- 📒 封装 [axios](https://axios-http.com) - 更好的管理 API，代码即 API 文档\n- 📬 API Mock Data - 通过 mock-dev-server 在项目开发环境中对 接口进行 mock\n- ⚖️ px to viewport\n- 📐 eslint\n- ⏳ git hooks - 规范 git commit 内容格式\n\n## 预配置\n\n### 插件\n\n- [Vue-Router](https://github.com/vuejs/router) - 路由系统\n- [Pinia](https://pinia.vuejs.org) - 状态管理\n- [Vue-i18n](https://github.com/intlify/vue-i18n-next) - 国际化\n  - [@intlify/unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n) - `vue-i18n` 插件\n- [VueUse](https://github.com/antfu/vueuse) - composition API 实用工具库\n- [axios](https://axios-http.com) - http 请求库\n- [js-cookie](https://github.com/js-cookie/js-cookie) - cookie 管理\n- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - 自动加载组件\n- [vite-plugin-inspect](https://github.com/antfu/vite-plugin-inspect) - 模块依赖分析工具\n- [vite-plugin-mock-dev-server](https://github.com/pengzhanbo/vite-plugin-mock-dev-server) - 在项目开发服务中添加 mock-dev-server，自动加载 mock 文件\n\n### 编码风格\n\n- [eslint](https://eslint.org) - 使用 [@antfu/eslint-config](https://github.com/antfu/eslint-config) 配置， 单引号，无分号\n- 使用 `\u003cscript setup\u003e` SFC 语法\n\n### 工具\n\n- [Typescript](https://www.typescriptlang.org/)\n- [Vitest](https://github.com/vitest-dev/vitest) - 基于 vite 的单元测试框架\n- [Cypress](https://cypress.io/) - e2e 测试框架\n- [pnpm](https://pnpm.js.org/) - 包管理工具，快速，节省磁盘\n- [husky](https://typicode.github.io/husky), [lint-staged](https://github.com/okonet/lint-staged), [commitizen](https://github.com/commitizen/cz-cli) - 管理 git hooks，提交前代码检查、提交内容格式\n- [postcss](https://postcss.org/), [sass](https://github.com/sass/dart-sass) 处理 CSS\n  - [autoprefixer](https://github.com/postcss/autoprefixer)\n\n## 试试\n\n\u003e vulcan 需要 node 版本 \u003e= 14.18\n\n### 克隆到本地\n\n```sh\nnpx degit pengzhanbo/vulcan my-vulcan-app\ncd my-vulcan-app\npnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm\n```\n\n## 清单\n\n在使用本模板时，请尝试按照清单更新您的信息：\n\n- [ ] 在 `LICENSE` 中更新作者信息\n- [ ] 在 `package.json` 中更新 `name` 字段\n- [ ] 删除不必要的 DEMO 文件\n- [ ] 删除不必要的路由\n- [ ] 重新整理 `README`\n\n## 使用\n\n### 开发\n\n执行以下命令即可在 [localhost:8080/](http://localhost:8080/) 访问\n\n```sh\npnpm dev\n```\n\n### 构建\n\n执行以下命令即可进行项目构建\n\n```sh\npnpm build\n```\n\n构建后的代码将会在 `dist` 中生成\n\n## 浏览器支持\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eIE | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\" Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\n| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n|                                                                                             not support                                                                                              |                                                                                            last 2 versions                                                                                             |                                                                                                  last 2 versions                                                                                                  |                                                                                                last 2 versions                                                                                                |                                                                                                last 2 versions                                                                                                |\n\n## LICENSE\n\n[MIT](/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengzhanbo%2Fvulcan","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpengzhanbo%2Fvulcan","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengzhanbo%2Fvulcan/lists"}