# vue3-template

**Repository Path**: nonesl/vue3-template

## Basic Information

- **Project Name**: vue3-template
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-03-26
- **Last Updated**: 2025-07-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-project

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.

## Customize configuration

See [Vite Configuration Reference](https://vite.dev/config/).

## Element Plus

See [Element Plus]https://element-plus.org/zh-CN/guide/quickstart.html

## 自动导入

Element Plus unplugin-vue-components unplugin-auto-import

## vueuse

npm i @vueuse/core https://vueuse.org/guide/

## axios

https://axios-http.com/docs/intro

## tailwindcss

https://tailwindcss.com/docs/installation

## @pureadmin/utils

https://pure-admin-utils.netlify.app/guide/guide

## BEM

css使用BEM风格

## 图标

图标使用iconify，配合unplugin-icons自动导入图标,如图标：EpApple,需要加Icon前缀，IconEpApple
图表库地址：https://iconify.design/icon-sets/

## TS命名规范

1、大驼峰命名
2、后缀，props、state、options、type(避免歧义使用)，of(泛型)
3、布尔，is、has、can 前缀增强语义
4、优先用interface定义，type处理联合类型，工具类型
5、常用工具类：Partial, Required, Record, Pick, Omit, Exclude, Extract, NonNullable, Parameters...

## 区分UI和业务代码


## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Type-Check, Compile and Minify for Production

```sh
pnpm build
```

### Lint with [ESLint](https://eslint.org/)

```sh
pnpm lint
```