https://github.com/pengzhanbo/templates
The template for Vue/React， support vite/webpack，e2e/unit test and more
https://github.com/pengzhanbo/templates
Last synced: about 1 month ago
JSON representation
The template for Vue/React， support vite/webpack，e2e/unit test and more
- Host: GitHub
- URL: https://github.com/pengzhanbo/templates
- Owner: pengzhanbo
- License: mit
- Created: 2022-10-12T10:07:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-05T17:20:55.000Z (about 2 years ago)
- Last Synced: 2025-02-13T07:30:40.971Z (3 months ago)
- Language: TypeScript
- Homepage:
- Size: 645 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - pengzhanbo/templates - The template for Vue/React， support vite/webpack，e2e/unit test and more (TypeScript)
- awesome - pengzhanbo/templates - The template for Vue/React， support vite/webpack，e2e/unit test and more (TypeScript)
README
# Templates
整理了一些项目模板，可使用 `degit` 工具在创建项目时通过模板进行初始化。
根据技术选型，选择不同的模板：
- Build Tools
- [x] vite `default`
- [ ] webpack
- Framework
- [x] Vue
- [x] React
- [ ] Lit
- [ ] Solid
- [ ] Svelte
- CSS Framework
- [x] sass / postcss
- [x] WindiCSS
- [x] UnoCSS
- Lint `default`
- [x] eslint
- [x] prettier
- [x] Typescript
- Test
- [ ] jest
- [x] vitest
- [x] cypress
- Desktop
- [ ] Electron
- [ ] Tauri
1. 默认支持 **ESLint/Prettier**
2. 默认使用 **vite** 作为构建工具
3. 建议选择 支持 typescript 的模板
## Install
使用 `degit` 进行项目初始化
**degit**
```sh
# npm
npm install -g degit
#pnpm
pnpm add -g degit
#yarn
yarn add -g degit
```
**template**
选择 适合的模板进行初始化
```sh
degit pengzhanbo/templates/ my-project
cd my-project
npm install # pnpm install / yarn
```
## Vue
### `js-vue`
```sh
degit pengzhanbo/templates/js-vue my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] vue
- [x] sass / postcss
- [x] eslint / prettier
- [x] auto-import
- [x] vue-router / pinia
- [x] vueuse
- [x] vitest / cypress
### `js-vue-unocss`
```sh
degit pengzhanbo/templates/js-vue-unocss my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] vue
- [x] unocss
- [x] eslint / prettier
- [x] auto-import
- [x] vue-router / pinia
- [x] vueuse
- [x] vitest / cypress
### `js-vue-windicss`
```sh
degit pengzhanbo/templates/js-vue-windicss my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] vue
- [x] windicss
- [x] eslint / prettier
- [x] auto-import
- [x] vue-router / pinia
- [x] vueuse
- [x] vitest / cypress
### `ts-vue`
```sh
degit pengzhanbo/templates/ts-vue my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] vue
- [x] typescript
- [x] sass / postcss
- [x] eslint / prettier
- [x] auto-import
- [x] vue-router / pinia
- [x] vueuse
- [x] vitest / cypress
### `ts-vue-unocss`
```sh
degit pengzhanbo/templates/ts-vue-unocss my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] vue
- [x] typescript
- [x] unocss
- [x] eslint / prettier
- [x] auto-import
- [x] vue-router / pinia
- [x] vueuse
- [x] vitest / cypress
### `ts-vue-windicss`
```sh
degit pengzhanbo/templates/ts-vue-windicss my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] vue
- [x] typescript
- [x] windicss
- [x] eslint / prettier
- [x] auto-import
- [x] vue-router / pinia
- [x] vueuse
- [x] vitest / cypress
## React
### `js-react`
```sh
degit pengzhanbo/templates/js-react my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] react
- [x] postcss / sass
- [x] eslint / prettier
- [x] auto-import
- [x] react-router
- [x] ahooks
- [x] vitest / cypress
### `ts-react`
```sh
degit pengzhanbo/templates/ts-react my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] react
- [x] typescript
- [x] postcss / sass
- [x] eslint / prettier
- [x] auto-import
- [x] react-router
- [x] ahooks
- [x] vitest / cypress
### `ts-react-styled`
```sh
degit pengzhanbo/templates/ts-react-styled my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] react
- [x] typescript
- [x] styled-components
- [x] eslint / prettier
- [x] auto-import
- [x] react-router
- [x] ahooks
- [x] vitest / cypress
### `ts-react-styled-recoil`
```sh
degit pengzhanbo/templates/ts-react-styled-recoil my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] react
- [x] typescript
- [x] styled-components
- [x] eslint / prettier
- [x] auto-import
- [x] react-router
- [x] recoil
- [x] ahooks
- [x] vitest / cypress
### `ts-react-styled-mobx`
```sh
degit pengzhanbo/templates/ts-react-styled-mobx my-project
cd my-project
pnpm install
pnpm dev
```
- [x] vite
- [x] react
- [x] typescript
- [x] styled-components
- [x] eslint / prettier
- [x] auto-import
- [x] react-router
- [x] mobx
- [x] ahooks
- [x] vitest / cypress