uni-app-vite-vue3-tailwind-vscode-模板
基于 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 - 类型检查、统一的校验与格式化规则,保证你的代码风格和质量
快速开始
使用 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
(默认开启,见vite.config.ts
中uvtw
插件的rem2rpx
选项)px
->rpx
(默认不开启,可在postcss.config.ts
中引入postcss-pxtransform
开启配置)
提示
-
升级
uni-app
依赖的方式为运行npx @dcloudio/uvm
后,选择对应的Package Manager
即可。升级其他包的方式可以使用pnpm up -Li
,这是pnpm
自带的方式。 -
vite
使用高德地图加载commonjs
模块示例见 https://github.com/sonofmagic/uni-app-vue3-for-amap-wx,需要使用@rollup/plugin-commonjs