{"repo":"xiangshu233/vue3-vant4-mobile","free":true,"listed":false,"github":"https://github.com/xiangshu233/vue3-vant4-mobile","clone":"git clone https://github.com/xiangshu233/vue3-vant4-mobile.git","description":"👋👋👋 基于Vue3.5、Vite8、Vant4、Pinia、Typescript、UnoCSS等主流技术开发，集成 Dark Mode(暗黑)模式和系统主题色，且持久化保存，集成 Mock 数据，包括登录/注册/找回/keep-alive/Axios/useEcharts/IconSvg等其他扩展。你可以在此之上直接开发你的业务代码！","language":"TypeScript","stars":719,"topics":["android","mobile-web","pinia","typescript","vant-ui","vant4","vite","vue3","vuejs","less"],"license":"MIT","category":"mobile-apps","readme_excerpt":"vue3-vant4-mobile Stargazers over time 介绍 👋👋👋 Vue3 Vant4 Mobile 使用了最新的 Vue3.5 、 Vite8 、 Vant4 、 Pinia 、 TypeScript 、 UnoCSS 等主流技术开发，集成 Dark Mode （暗黑）模式和系统主题色，并且持久化保存，集成 Mock 数据，顺便写了登录/注册/找回密码 页面（包括逻辑），只需替换你的 API 即可，另外页面均可以 ，随便写了个包含 NavBar 、 TabBar 的 Layout，集成了 Axios 、 useECharts 、 IconSvg 。 项目使用了 antfu 大佬的 antfu/eslint-config 作为代码规范检查工具，摆脱繁琐无聊的 Eslint 配置，配合 cz-git 、 lint-staged 、 simple-git-hooks 可对暂存区代码提交校验，代码风格不合格可打断提交，保证多人协作开发时上游 Git 库的干净。 现在你可以在此之上直接开发你的业务代码！希望你能喜欢！ 截图预览 展开预览暗黑模式下的界面截图 线上预览 预览链接： https://vvmobile.xiangshu233.cn/ 账号：admin，密码：123456 账号：test，密码：123456 或者扫描以下二维码进入手机演示 基础知识 - Vite - 熟悉 Vite 特性 - Vue3 - 熟悉 Vue3 基础语法 - Vant4 - 掌握 vant4 组件基本使用 - Pinia - 熟悉 Pinia 特性 - TypeScript - 熟悉 TypeScript 基本语法 - Vue-Router-Next - 熟悉 Vue-Router 基本使用 - ECharts5 - 熟悉 Echarts 基本使用 - Iconify - 本项目推荐图标库，当然你也可以使用 IconSvg - Postcss-Mobile-Forever - 了解手机端 px 转 viewport 插件的作用 - Lodash-es - JS 高性能工具库 - UnoCSS - 原子化 CSS ，熟悉 UnoCSS 基本使用 - Mock.js - 了解 Mockjs 基本语法 - ES6+ - 熟悉 ES6 基本语法 关于 Icon 的使用 项目使用 unocss 的 icon 预设 作为系统 Icon 请遵循以下约定使用图标 - - - : 点击这里获取所有可用的图标，找到想要的图标后点击复制 icon name 到 class 里即可 [!WARNING] 记得加 i-xxx 前缀，从 icones 复制的 icon name 是没有 i- 前缀的 更多详细使用请看 https://unocss.dev/presets/icons#icons-preset 环境准备 本地环境需要安装 Pnpm、Node.js 和 Git - 推荐使用 pnpm =8.15.4，否则依赖可能安装不上，打包报错等问题。 - Node.js 版本要求 20.x 以上，这里推荐 ^20.9.0 =21.7.1 VS Code 配套插件 如果你使用的 IDE 是 VS Code（推荐）的话，可以安装以下工具来提高开发效率及代码格式化 - UnoCSS - UnoCSS 提示插件 - Volar - Vue 开发必备 - TypeScript Vue Plugin (Volar) - 用于 TypeScript 服务器的 Vue 插件 - E","default_branch":null,"files":null,"tree":[],"storefront":"/r/xiangshu233","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/xiangshu233/vue3-vant4-mobile/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}