1. 配置文件
pnpm i vite-plugin-windicss windicss -D
// vite.config.js
import WindiCSS from 'vite-plugin-windicss'
export default {
plugins: [
WindiCSS(),
],
}
// main.js
import 'virtual:windi.css'
2. VSCode插件
3. 验证示例代码
// App.vue
<template>
<button class="bg-purple-500 ml-4 mt-4">按钮</button>
</template>
