Skip to content

Commit 50d2922

Browse files
committed
docs: add vue3-vant-mobile intro
1 parent 0f028a9 commit 50d2922

File tree

3 files changed

+63
-7
lines changed

3 files changed

+63
-7
lines changed

.vitepress/config.ts

+5-5
Original file line numberDiff line numberDiff line change
@@ -5,23 +5,23 @@ const Guides: DefaultTheme.NavItemWithLink[] = [
55
]
66

77
const vue3VantMobile: DefaultTheme.NavItemWithLink[] = [
8-
{ text: '概述', link: '/vue3-vant-mobile/' },
8+
{ text: '介绍', link: '/vue3-vant-mobile/' },
99
]
1010

1111
const vue3VarletMobile: DefaultTheme.NavItemWithLink[] = [
12-
{ text: '概述', link: '/vue3-varlet-mobile/' },
12+
{ text: '介绍', link: '/vue3-varlet-mobile/' },
1313
]
1414

1515
const nuxt3VantMobile: DefaultTheme.NavItemWithLink[] = [
16-
{ text: '概述', link: '/nuxt3-vant-mobile/' },
16+
{ text: '介绍', link: '/nuxt3-vant-mobile/' },
1717
]
1818

1919
const vue3ElementAdmin: DefaultTheme.NavItemWithLink[] = [
20-
{ text: '概述', link: '/vue3-element-admin/' },
20+
{ text: '介绍', link: '/vue3-element-admin/' },
2121
]
2222

2323
const vue3AntdvMobile: DefaultTheme.NavItemWithLink[] = [
24-
{ text: '概述', link: '/vue3-antdv-admin/' },
24+
{ text: '介绍', link: '/vue3-antdv-admin/' },
2525
]
2626

2727
const Nav: DefaultTheme.NavItem[] = [

.vscode/settings.json

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
// Markdownlint rules
3+
"markdownlint.config": {
4+
"default": true,
5+
"MD025": false,
6+
"MD001": false,
7+
"MD033": false
8+
}
9+
}

vue3-vant-mobile/index.md

+49-2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,50 @@
1-
# vue3 vant mobile
1+
---
2+
title: 介绍
3+
description: 一个基于 Vue 3 生态系统的移动 web 应用模板,帮助你快速完成业务开发
4+
---
25

3-
> ✍ 还未编写,敬请期待
6+
# 介绍
7+
8+
[vue3-vant-mobile](https://github.com/easy-temps/vue3-vant-mobile) 是一款开源免费且开箱即用的移动模版,完全采用 `ECMAScript` 模块(`ESM`)规范来编写和组织代码,使用了最新的 `Vue3``Vite``Vant``TypeScript``Pinia``Unocss` 等主流技术开发。我们还提供了业务当中常用的组件,例如:`Dark Mode``i18n``Mock``ECharts``Pinia` 持久化、`KeepAlive` 等示例。总之,开发者借助这个模板,可以继续向上构建自己的业务场景,快速完成开发工作。
9+
10+
## 在线预览
11+
12+
:point_right: [Live Demo](https://vue3-vant-mobile.netlify.app/)
13+
14+
[![Netlify Status](https://api.netlify.com/api/v1/badges/e6828bd2-2904-4c3e-a67c-b97d32aa1275/deploy-status)](https://app.netlify.com/sites/vue3-vant-mobile/deploys)
15+
16+
## 预配置
17+
18+
### UI 框架
19+
20+
- [UnoCSS](https://github.com/antfu/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎
21+
- [@unocss/preset-rem-to-px](https://github.com/unocss/unocss/tree/main/packages/preset-rem-to-px) - 将所有实用程序的 rem 转换为 px
22+
- [eslint-plugin-unocss](https://github.com/devunt/eslint-plugin-unocss) - Unocss 的 ESLint 插件
23+
- [Vant](https://github.com/youzan/vant) - 移动端 Vue 组件库
24+
- [vant-touch-emulator](https://github.com/youzan/vant/tree/main/packages/vant-touch-emulator) - 在桌面端上模拟移动端 touch 事件
25+
- [vant-use](https://github.com/youzan/vant/tree/main/packages/vant-use) - Vant 内置的组合式 API
26+
27+
### 插件
28+
29+
- [Vue Router](https://github.com/vuejs/router)
30+
- [unplugin-vue-router](https://github.com/posva/unplugin-vue-router) - 以文件系统为基础的路由
31+
- [Pinia](https://pinia.vuejs.org) - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理库
32+
- [pinia-plugin-persistedstate](https://github.com/prazdevs/pinia-plugin-persistedstate) - 适用于 Pinia 的持久化存储插件
33+
- [Vue I18n](https://github.com/intlify/vue-i18n-next) - 国际化
34+
- [unplugin-vue-i18n](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n) - Vue I18n 的 Vite 插件
35+
- [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) - 自动加载组件
36+
- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 等,无需导入
37+
- [vite-plugin-vconsole](https://github.com/vadxq/vite-plugin-vconsole) - vConsole 的 vite 插件
38+
- [vite-plugin-mock-dev-server](https://github.com/pengzhanbo/vite-plugin-mock-dev-server) - vite mock 开发服务(mock-dev-server)插件
39+
- [postcss-mobile-forever](https://github.com/wswmsword/postcss-mobile-forever) - 一款 PostCSS 插件,将固定尺寸的移动端视图转为具有最大宽度的可伸缩的移动端视图
40+
- [vite-plugin-vue-devtools](https://github.com/vuejs/devtools-next) - 旨在增强Vue开发者体验的Vite插件
41+
- [vueuse](https://github.com/antfu/vueuse) - 实用的 Composition API 工具合集
42+
- [@unhead/vue](https://github.com/unjs/unhead) - 响应式地操作文档头信息
43+
- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA
44+
- [vite-plugin-sitemap](https://github.com/jbaubree/vite-plugin-sitemap) - sitemap 和 robots 生成器
45+
46+
## 问题反馈
47+
48+
我们推荐使用 [议题](https://github.com/easy-temps/vue3-vant-mobile/issues) 来反馈问题, 或者您也可以通过微信群联系我们。
49+
50+
<img style="width: 50%" src="https://cdn.jsdelivr.net/gh/easy-temps/easy-static/community.png" alt="community" />

0 commit comments

Comments
 (0)