faiz 67c21995dd | ||
---|---|---|
.hbuilderx | ||
.vscode | ||
src | ||
.env | ||
.env.development | ||
.env.production | ||
.env.test | ||
.eslintrc | ||
.gitignore | ||
.npmrc | ||
README.md | ||
auto-imports.d.ts | ||
index.html | ||
package.json | ||
pnpm-lock.yaml | ||
tsconfig.json | ||
unocss.config.ts | ||
vite.config.ts |
README.md
uniapp-vue3-starter
插件
- 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
使用 unocss
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(),
],
})