{"id":16158837,"url":"https://github.com/pengzhanbo/templates","last_synced_at":"2025-04-07T02:24:53.804Z","repository":{"id":118956915,"uuid":"550169285","full_name":"pengzhanbo/templates","owner":"pengzhanbo","description":"The template for Vue/React， support vite/webpack，e2e/unit test and more","archived":false,"fork":false,"pushed_at":"2023-05-05T17:20:55.000Z","size":660,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-13T07:30:40.971Z","etag":null,"topics":[],"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/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-12T10:07:57.000Z","updated_at":"2022-10-12T18:56:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"e0ea2ab8-33cc-4c87-9e59-bd7967ff5a5e","html_url":"https://github.com/pengzhanbo/templates","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%2Ftemplates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Ftemplates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Ftemplates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengzhanbo%2Ftemplates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pengzhanbo","download_url":"https://codeload.github.com/pengzhanbo/templates/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247579386,"owners_count":20961421,"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":[],"created_at":"2024-10-10T01:55:12.002Z","updated_at":"2025-04-07T02:24:53.737Z","avatar_url":"https://github.com/pengzhanbo.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Templates\n\n整理了一些项目模板，可使用 `degit` 工具在创建项目时通过模板进行初始化。\n\n根据技术选型，选择不同的模板：\n\n- Build Tools\n  - [x] vite `default`\n  - [ ] webpack\n- Framework\n  - [x] Vue\n  - [x] React\n  - [ ] Lit\n  - [ ] Solid\n  - [ ] Svelte\n- CSS Framework\n  - [x] sass / postcss\n  - [x] WindiCSS\n  - [x] UnoCSS\n- Lint `default`\n  - [x] eslint\n  - [x] prettier\n- [x] Typescript\n- Test\n  - [ ] jest\n  - [x] vitest\n  - [x] cypress\n- Desktop\n  - [ ] Electron\n  - [ ] Tauri\n\n1. 默认支持 **ESLint/Prettier**\n2. 默认使用 **vite** 作为构建工具\n3. 建议选择 支持 typescript 的模板\n\n## Install\n\n使用 `degit` 进行项目初始化\n\n**degit**\n\n```sh\n# npm\nnpm install -g degit\n#pnpm\npnpm add -g degit\n#yarn\nyarn add -g degit\n```\n\n**template**\n\n选择 适合的模板进行初始化\n\n```sh\ndegit pengzhanbo/templates/\u003ctemplate-name\u003e my-project\ncd my-project\nnpm install # pnpm install / yarn\n```\n\n## Vue\n\n### `js-vue`\n\n```sh\ndegit pengzhanbo/templates/js-vue my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] vue\n- [x] sass / postcss\n- [x] eslint / prettier\n- [x] auto-import\n- [x] vue-router / pinia\n- [x] vueuse\n- [x] vitest / cypress\n\n### `js-vue-unocss`\n\n```sh\ndegit pengzhanbo/templates/js-vue-unocss my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] vue\n- [x] unocss\n- [x] eslint / prettier\n- [x] auto-import\n- [x] vue-router / pinia\n- [x] vueuse\n- [x] vitest / cypress\n\n### `js-vue-windicss`\n\n```sh\ndegit pengzhanbo/templates/js-vue-windicss my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] vue\n- [x] windicss\n- [x] eslint / prettier\n- [x] auto-import\n- [x] vue-router / pinia\n- [x] vueuse\n- [x] vitest / cypress\n\n### `ts-vue`\n\n```sh\ndegit pengzhanbo/templates/ts-vue my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] vue\n- [x] typescript\n- [x] sass / postcss\n- [x] eslint / prettier\n- [x] auto-import\n- [x] vue-router / pinia\n- [x] vueuse\n- [x] vitest / cypress\n\n### `ts-vue-unocss`\n\n```sh\ndegit pengzhanbo/templates/ts-vue-unocss my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] vue\n- [x] typescript\n- [x] unocss\n- [x] eslint / prettier\n- [x] auto-import\n- [x] vue-router / pinia\n- [x] vueuse\n- [x] vitest / cypress\n\n### `ts-vue-windicss`\n\n```sh\ndegit pengzhanbo/templates/ts-vue-windicss my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] vue\n- [x] typescript\n- [x] windicss\n- [x] eslint / prettier\n- [x] auto-import\n- [x] vue-router / pinia\n- [x] vueuse\n- [x] vitest / cypress\n\n## React\n\n### `js-react`\n\n```sh\ndegit pengzhanbo/templates/js-react my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] react\n- [x] postcss / sass\n- [x] eslint / prettier\n- [x] auto-import\n- [x] react-router\n- [x] ahooks\n- [x] vitest / cypress\n\n### `ts-react`\n\n```sh\ndegit pengzhanbo/templates/ts-react my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] react\n- [x] typescript\n- [x] postcss / sass\n- [x] eslint / prettier\n- [x] auto-import\n- [x] react-router\n- [x] ahooks\n- [x] vitest / cypress\n\n### `ts-react-styled`\n\n```sh\ndegit pengzhanbo/templates/ts-react-styled my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] react\n- [x] typescript\n- [x] styled-components\n- [x] eslint / prettier\n- [x] auto-import\n- [x] react-router\n- [x] ahooks\n- [x] vitest / cypress\n\n### `ts-react-styled-recoil`\n\n```sh\ndegit pengzhanbo/templates/ts-react-styled-recoil my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] react\n- [x] typescript\n- [x] styled-components\n- [x] eslint / prettier\n- [x] auto-import\n- [x] react-router\n- [x] recoil\n- [x] ahooks\n- [x] vitest / cypress\n\n### `ts-react-styled-mobx`\n\n```sh\ndegit pengzhanbo/templates/ts-react-styled-mobx my-project\ncd my-project\npnpm install\npnpm dev\n```\n\n- [x] vite\n- [x] react\n- [x] typescript\n- [x] styled-components\n- [x] eslint / prettier\n- [x] auto-import\n- [x] react-router\n- [x] mobx\n- [x] ahooks\n- [x] vitest / cypress\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengzhanbo%2Ftemplates","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpengzhanbo%2Ftemplates","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengzhanbo%2Ftemplates/lists"}