Skip to content

sjtuli/uniapp-ts-windicss-pinia

Repository files navigation

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

About

uniapp(Vue3)+ts+vite+windicss+pinia 小厂快速开发必备(项目迭代中,欢迎star)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published