# ViteV3Phone

**Repository Path**: Yn_22638/vite-v3-phone

## Basic Information

- **Project Name**: ViteV3Phone
- **Description**: h5项目 
主要采用vue+vite+ts 
ui框架采用vant
echrts采用antv
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-19
- **Last Updated**: 2022-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ViteV3Phone

#### 公告
```
   截止 2022-06-28，此仓库不再维护，此仓库的签字版组件还未迁移，其他的都已经迁移完毕
   想看效果的或者想继续学习的点击下面的地址
```
[新仓库地址](https://github.com/yn22638/packaging-vant.github.io)

#### 介绍

h5 项目
主要采用 vue+vite+ts
ui 框架采用 vant
echrts 采用 antv

#### 自动生成图片

[地址](https://picsum.photos/)

```
易于使用，时尚的占位符
只需在我们的 URL 后添加您想要的图像尺寸（宽度和高度），您就会得到一张随机图像。
https://picsum.photos/200/300

要获得方形图像，只需添加大小。
https://picsum.photos/200
```

#### 启动

1.  pnpm i
2.  pnpm run dev
3.  打开 http://localhost:3000/

#### 打包

- pnpm build
- 本地会生成一个 dist 文件，由于 vite\

#### 在线预览

- 我这里是使用的 http-server
  > cd dist -> http-server

#### windi css

[地址](https://windicss.org/)

- ⚡️ 速度快- 比 Vite 上的 Tailwind 快 20~100 倍
- 🧩 按需 CSS 实用程序（与 Tailwind CSS v2 完全兼容）
- 📦 按需原生元素样式重置（预检）
- 🔥 热模块更换 (HMR)
- 🍃 加载配置 tailwind.config.js
- 🤝 与框架无关 - Vue、React、Svelte 和 vanilla！
- 📄 CSS @apply/@screen 指令转换（也适用于 Vue SFC 的<style>）
- 🎳 支持变体组 - 例如 bg-gray-200 hover:(bg-gray-100 text-red-300)
- 😎 “在 Devtools 中设计” - 如果您在传统的 Tailwind 中以这种方式工作，我们没有理由不能！

> 查看 Vite 上 Windi CSS 和 Tailwind CSS 之间的速度比较。 [go](https://twitter.com/antfu7/status/1361398324587163648)

#### 特技

1.  使用 Readme_XXX.md 来支持不同的语言，例如 Readme_en.md, Readme_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)