{"id":20129640,"url":"https://github.com/toimc/create-vue-template","last_synced_at":"2025-08-08T05:11:01.530Z","repository":{"id":217594925,"uuid":"742356366","full_name":"toimc/create-vue-template","owner":"toimc","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-20T14:20:45.000Z","size":980,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-05T15:35:47.426Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/toimc.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":"2024-01-12T09:44:10.000Z","updated_at":"2024-01-18T03:39:00.000Z","dependencies_parsed_at":"2024-02-20T15:47:17.605Z","dependency_job_id":null,"html_url":"https://github.com/toimc/create-vue-template","commit_stats":null,"previous_names":["toimc/create-vp","toimc/create-vue-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/toimc/create-vue-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toimc%2Fcreate-vue-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toimc%2Fcreate-vue-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toimc%2Fcreate-vue-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toimc%2Fcreate-vue-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toimc","download_url":"https://codeload.github.com/toimc/create-vue-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toimc%2Fcreate-vue-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269366853,"owners_count":24405250,"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","status":"online","status_checked_at":"2025-08-08T02:00:09.200Z","response_time":72,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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-11-13T20:35:25.253Z","updated_at":"2025-08-08T05:11:01.482Z","avatar_url":"https://github.com/toimc.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# create-vue-template\n\n[慕课网《大前端2023》](https://class.imooc.com/sc/163/learn)实践项目，为基于element-plus开发的Admin模板项目，创建一个CLI工具。\n\n`create-vue-template` 是一个为前端开发者设计的命令行界面（CLI）工具，它旨在简化 Vue.js 项目的初始化过程。通过集成前沿的技术栈和自动化配置，它让项目的启动和开发更加迅速和高效。\n\n![image-20240129200112271](https://static.www.toimc.com/blog/picgo/2024/01/29/image-20240129200112271-a83282.webp)\n\n\n\n## 快速开始\n\n安装并创建一个新的 Vue 项目：\n\n```bash\nnpm init vue-template@latest\n```\n\n或者使用以下命令快速初始化一个名为 `demo-vue` 的项目：\n\n```bash\nnpm init vue-template@latest demo-vue -- -t\n```\n\n\n\n## 功能\n\n`create-vue-template` 提供了以下功能来加速您的前端开发流程：\n\n- **基础集成**：自动导入 Vue 组件，核心 API 的自动引入。\n- **可选配置**：文件路由、自动布局、CSS 框架配置。\n- **扩展集成**：Electron 集成、PWA 支持、CDN 加速。\n\n\n\n## 特性\n\n本项目利用最新的前端技术栈，包括但不限于：\n\n- ⚡️ 使用 [Vue 3](https://github.com/vuejs/core), [Vite](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [esbuild](https://github.com/evanw/esbuild) 优化性能；\n- 🗂 基于文件的路由系统，集成 `unplugin-vue-router；\n- 📦 自动导入组件功能，集成 `unplugin-vue-components；\n- 🍍 通过 Pinia 进行状态管理，参考 [Pinia](https://pinia.vuejs.org/)；\n- 📑 集成 `vite-plugin-vue-layouts` 实现布局系统；\n- 📲 (可选)PWA 支持，使用 `vite-plugin-pwa`；\n- 🎨 使用 [UnoCSS](https://github.com/antfu/unocss) —— 即时的原子 CSS 引擎；\n- 😃 使用类名从任何图标集合中使用图标，参考 [unplugin-icons](https://github.com/antfu/unplugin-icons)；\n- 🌍 国际化准备就绪，网络方式加载；\n- 📥 自动导入 API，集成 `unplugin-auto-import` —— 自动加载 Composition API 和常用库；\n- 🦔 集成 Jenkins、GitHub Actions 实现自动化部署；\n- 🔤 容器化 Docker 集成；\n- 🦾 全部使用 TypeScript 编写；\n- ⚙️ 集成 [Vitest](https://github.com/vitest-dev/vitest) 进行单元测试，[Cyress](https://cypress.io/) 进行 E2E 测试；\n- ☁️ 可直接部署至 Netlify，零配置；\n\n\n\n## Template项目结构\n\n```\n.\n├── Dockerfile\n├── Dockerfile-dev\n├── Dockerfile-prod\n├── Jenkinsfile\n├── README.md\n├── cypress\n│   ├── e2e\n│   ├── fixtures\n│   └── support\n├── cypress.config.ts\n├── docker-compose.yml\n├── env.d.ts\n├── index.html\n├── netlify.toml\n├── nginx\n│   ├── conf.d\n│   └── nginx.conf\n├── package.json\n├── pnpm-lock.yaml\n├── public\n│   ├── favicon.ico\n│   ├── font_1791095_hy6b9xbrdsk.css\n│   └── locales\n├── src\n│   ├── App.vue\n│   ├── assets\n│   ├── layouts\n│   ├── main.ts\n│   ├── pages\n│   ├── router\n│   ├── shims.d.ts\n│   ├── store\n│   └── utils\n├── tsconfig.app.json\n├── tsconfig.json\n├── tsconfig.node.json\n├── tsconfig.vitest.json\n├── uno.config.ts\n├── vite.config.ts\n└── vitest.config.ts\n```\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoimc%2Fcreate-vue-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoimc%2Fcreate-vue-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoimc%2Fcreate-vue-template/lists"}