!!!4/25 vue集成naiveui和tailwindcss!!!

npm create vite@latest

cd ”文件夹名“
 npm install

npm install naive-ui

 在项目的 main.js 中，将原先代码修改为：

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import naive from 'naive-ui'
createApp(App).mount('#app')
app.use(naive)

npm run dev

新开一个cmd

cd “文件夹名”

npm run build

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

把tailwind.config.js文件中的content内容改为

content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],

在style.css文件中加入以下代码：

@tailwind base;
@tailwind components;
@tailwind utilities;

（可能出现波浪线报错，不用管）

npm run dev