- Vue 3, Vite 3, pnpm
- UnoCSS - 高性能且极具灵活性的即时原子化 css 引擎
- unocss-preset-weapp - unocss 小程序预设
- unplugin-auto-import - API 自动加载，直接使用 Composition API 无需引入
- TypeScript
- UniApp 代码片段
- ESLint with @antfu/eslint-config
- @meoc/utils - 个人小工具集
npx degit MellowCo/uni-vue3-starter my-app
cd my-app
pnpm i vite.config.ts
import { defineConfig } from 'vite'
import Unocss from 'unocss/vite'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
// https://github.com/antfu/unocss
Unocss(),
],
})unocss.config.ts
import presetWeapp from 'unocss-preset-weapp'
import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
import { defineConfig } from 'unocss'
export default defineConfig({
presets: [
// https://github.com/MellowCo/unocss-preset-weapp
presetWeapp(),
],
shortcuts: [
{
'border-base': 'border border-[#eee]',
'flex-center': 'flex justify-center items-center',
'text-c1': 'text-[#181818]',
'text-c2': 'text-[#333333]',
'text-c3': 'text-[#B2B2B2]',
'text-c4': 'text-[#CCCCCC]',
'bg': 'bg-[#f6f7fb]',
},
],
transformers: [
// https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
transformerAttributify(),
// https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
transformerClass(),
],
})