From 67f5a9a6bba155bc71752456436de98a7929ab14 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=82=B2=E6=85=A2=E6=88=96=E9=A6=99=E6=A9=99?= <49575330+xiangshu233@users.noreply.github.com> Date: Fri, 28 Oct 2022 13:46:43 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20:memo:=20=E6=9B=B4=E6=96=B0=E6=96=87?= =?UTF-8?q?=E6=A1=A3=E6=8F=8F=E8=BF=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 40 ++++++++++++++++------------------------ 1 file changed, 16 insertions(+), 24 deletions(-) diff --git a/README.md b/README.md index a904cb4..be2f393 100644 --- a/README.md +++ b/README.md @@ -13,14 +13,14 @@ issues

-

vue3-vant4-mobile

- ## 介绍 -👋👋👋 Vue3 Vant4 Mobile 使用了最新的`Vue3.2`、`Vite3`、`Vant4`、`Pinia2`、`Typescript`、`Windicss`等主流技术开发，集成 `Dark Mode`(暗黑)模式和系统主题色，并且持久化保存，集成 `Mock` 数据，顺便写了个 登录/注册/找回密码 页面（包括逻辑），你只需要替换你的API即可，顺便写了个包含 `NavBar`、`TabBar`的 `Layout`，顺便集成了`Axios`、`useEcharts`、`IconSvg`，顺便集成了代码规范检查工具`Eslint`、`Prettier`、`Stylelint`。顺便全页面均可以 `keep-alive`，顺便......好吧没有了。现在，你可以在此之上直接开发你的业务代码！希望你能喜欢。🥳🥳🥳 + +👋👋👋 Vue3 Vant4 Mobile 使用了最新的`Vue3.2`、`Vite3`、`Vant4`、`Pinia2`、`Typescript`、`Windicss`等主流技术开发，集成 `Dark Mode`(暗黑)模式和系统主题色，并且持久化保存，集成 `Mock` 数据，顺便写了个 登录/注册/找回密码 页面（包括逻辑），你只需要替换你的 API 即可，顺便写了个包含 `NavBar`、`TabBar`的 `Layout`，顺便集成了`Axios`、`useEcharts`、`IconSvg`，顺便集成了代码规范检查工具`Eslint`、`Prettier`、`Stylelint`。顺便全页面均可以 `keep-alive`，顺便......好吧没有了。现在，你可以在此之上直接开发你的业务代码！希望你能喜欢。🥳🥳🥳 ## 截图预览 +

@@ -30,7 +30,6 @@

-

@@ -42,37 +41,35 @@ ## 线上预览 -- vue3-vant4-mobile +- vue3-vant4-mobile 账号：admin，密码：123456 账号：test，密码：123456 - 或者扫描以下二维码进入手机演示 +

- +

## 基础知识 -既然你搜了 `vue3`、`vant4` 此类关键词，则默认你会用这些配套技术栈。 - - [Vite](https://cn.vitejs.dev/) - 熟悉 `Vite` 特性 - [Vue3](https://v3.vuejs.org/) - 熟悉 `Vue3` 基础语法 -- [Vant4](https://youzan.github.io/vant/v4/#/zh-CN) - `vant4` 组件基本使用 -- [Pinia](https://pinia.vuejs.org/) - 比 `Vuex` 简单 -- [TypeScript](https://www.typescriptlang.org/) - 熟悉 `TypeScript` 基本语法 +- [Vant4](https://youzan.github.io/vant/v4/#/zh-CN) - 掌握 `vant4` 组件基本使用 +- [Pinia](https://pinia.vuejs.org/) - 熟悉 `Pinia` 特性 +- [TypeScript](https://www.typescriptlang.org/) - 熟悉 `TypeScript` 基本语法 - [Vue-Router-Next](https://router.vuejs.org/) - 熟悉 `Vue-Router`基本使用 - [Echarts5](https://echarts.apache.org/handbook/zh/get-started/) - 熟悉 `Echarts` 基本使用 - [Xicons](https://www.xicons.org/#/) - 本项目推荐图标库，当然你也可以使用 `IconSVg` - [Postcss-px-to-viewport-8-plugin](https://github.com/lkxian888/postcss-px-to-viewport-8-plugin) - 了解手机端 `px` 转 `viewport` 插件的作用 -- [Lodash-es](https://www.lodashjs.com/) - `Js`高性能工具库 -- [WindiCss](https://cn.windicss.org/guide/) - 原子化 `Css`，熟悉 `Windicss` 基本使用 -- [Mock.js](https://github.com/nuysoft/Mock) - 了解 `mockjs` 基本语法 -- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 `es6` 基本语法 +- [Lodash-es](https://www.lodashjs.com/) - `JS`高性能工具库 +- [WindiCss](https://cn.windicss.org/guide/) - 原子化 `CSS`，熟悉 `Windicss` 基本使用 +- [Mock.js](https://github.com/nuysoft/Mock) - 了解 `Mockjs` 基本语法 +- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 `ES6` 基本语法 -## 环境准备 +## 环境准备 本地环境需要安装 [pnpm7.x](https://www.pnpm.cn/)、[Node.js](http://nodejs.org/) 和 [Git](https://git-scm.com/) @@ -143,18 +140,13 @@ pnpm build 支持现代浏览器, 不支持 IE | [![ Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png)](http://godban.github.io/browsers-support-badges/) IE | [![ Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png)](http://godban.github.io/browsers-support-badges/) Edge | [![Firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png)](http://godban.github.io/browsers-support-badges/) Firefox | [![Chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png)](http://godban.github.io/browsers-support-badges/) Chrome | [![Safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)](http://godban.github.io/browsers-support-badges/) Safari | -| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | -| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions | +| --- | --- | --- | --- | --- | +| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions | ## 维护者 [@xiangshu233](https://github.com/xiangshu233) - -## 小声比比 - -这个Logo是我在网上随便找的，不知道是谁的Logo（🧎‍♂️🧎‍♂️🧎‍♂️），如果有侵权之类的（萌新不懂），请[邮箱](mailto:xiangshu233@outlook.com)通知我一下，秒删。另外本项目代码大量借鉴（复制）[naive-ui-admin](https://github.com/jekip/naive-ui-admin)、[vue-vben-admin](https://github.com/vbenjs/vue-vben-admin) 代码/逻辑，我太菜了。😭😭😭 - ## LICENSE [MIT](https://en.wikipedia.org/wiki/MIT_License)