Windicss安装

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>

END