# my-easy-template

**Repository Path**: zh0521/my-easy-template

## Basic Information

- **Project Name**: my-easy-template
- **Description**: Anyway, it's just for fun and study and achieve some my ideas
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-29
- **Last Updated**: 2025-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite

## 注意
- vite配置文件指南：https://cn.vitejs.dev/config/server-options.html
- 配置文件路径：/vite.config.js
- vue3+vite默认不支持使用`require`
- 默认主题在/src/theme.less下覆盖
- 全局默认样式在 /src/App.vue 文件里覆盖
- 图片都放置在public下，全路径引用。如：
```css
.lost-page {
  width: 30vw;
  height: 20vw;
  background: url('/public/images/404.jpg') no-repeat;
  background-size: 100% 100%;
}
```
- `@`默认不支持，不会转成`src/`, 需要vite增加配置
- import引入组件路径最后不能省略.vue
- icon使用规则，@iconify/vue。https://mengguagua.github.io/#/other/icon。或直接css引入访问https://icon-sets.iconify.design/


## 因升级Vite@^5， node版本需要升级到18版本， 16版本不适用
## 升级