基于 uni-app
的 vite/vue3
tailwindcss
模板
假如你觉得好用,欢迎给我的 weapp-tailwindcss
点个 Star
吧。
官网地址: https://weapp-tw.icebreaker.top/
-
🎨 TailwindCSS - 世界上最流行,生态最好的原子化CSS框架
-
😃 集成 Iconify - icones.js.org 中的所有图标都为你所用
-
📥 API 自动加载 - 直接使用 Composition API 无需引入
-
🧬 uni-app 条件编译样式 - 帮助你在多端更灵活的使用
TailwindCSS
-
🦾 TypeScript & ESLint & Prettier - 类型,校验与格式化,保证你的代码质量
使用 vscode
的朋友,请先安装 Tailwind CSS IntelliSense 智能提示与感应插件
其他 IDE 请参考: https://weapp-tw.icebreaker.top/docs/quick-start/intelliSense
本项目已经集成 weapp-ide-cli
可以通过 cli
对 ide
进行额外操作,详细信息
👉 🔥 tarojs / 🔥 uni-app / 🔥 hbuilderx 等更多模板链接
rem
->rpx
(默认开启,uvtw
的rem2rpx
选项)px
->rpx
(默认不开启,可反注释postcss.config.cjs
中的postcss-pxtransform
开启配置)
- 升级
uni-app
依赖的方式为npx @dcloudio/uvm
后,选择对应的Package Manager
即可。而升级其他包的方式,可以使用yarn upgradeInteractive --latest
,这个是yarn
自带的方式。
之前使用
pnpm
进行安装的时候,一直有bug
导致控件库无法加载运行,如果发现pnpm
好了可以issue
里通知一声
-
vite
使用高德地图加载commonjs
模块示例见 https://github.com/sonofmagic/uni-app-vue3-for-amap-wx,需要使用@rollup/plugin-commonjs
-
另外暂时不要升级
pinia
的版本,不然会报hasInjectionContext
相关的错误 ,详见 pinia/issues/2210