更新记录

1.0(2022-08-16)

2022年 8月16日 首次提交


平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.5.0 × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × ×

uniapp(Vue3)-ts-vite-windicss 快速开发模板

利用uniapp + windicss + ts + vite 搭建的一套基础模板

  1. windicss以及flex布局的css工具拓展
  2. pinia + localStorage 持久化处理,记录用户信息
  3. 统一的request api请求处理 4.自定义的tabBar,支持各种样式

背景:windicss真的爽,不接受反驳

安装:

命令行执行yarn或者npm i,安装所需依赖

启动

h5

yarn dev:h5

小程序

yarn dev:mp-weixin

然后打开微信开发者工具选择/dist/dev/mp-weixin文件夹

Build

yarn build:mp-weixin

然后打开微信开发者工具选择/dist/build/mp-weixin文件夹

预览(h5 build 的时候,会出现样式丢失问题,因而与图片不符)

live demo

项目地址

github

已知问题

h5 build 的时候,会出现样式丢失问题(不会吧,真的有人用uniapp开发h5)。 如下 live demo

感谢

dcasia/mini-program-tailwind 超好用的windicss转译插件

🔗 链接:github

tobe-fe-dalao/fast-vue3 本项目大量借鉴了该项目

🔗 链接:github

遇到问题

请在下方留言,或者联系QQ:83006652 请勿随意差评

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问