运用Vue3+Vite+pinia+tailwindCSS构建项目

Vite 需要 Node.js 版本 >= 14.18.0
需要npm 6.x以上

创建项目：
npm create vite@latest xxx --template vue
安装依赖：npm i

安装TailwindCSS：npm
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
————————————————————————————————————————————————
//★tailwind.config.js中检查如下代码
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

//★添加以下内容至src/style.css
@tailwind base;
@tailwind components;
@tailwind utilities;

//最后记得在main.js中添加import './index.css'

安装pinia：
npm install pinia
如果您的应用使用 Vue 2，您还需要安装组合 API：@vue/composition-api。
比较推荐pinia结合Nuxt.js框架使用，因为 Nuxt 在_服务器端渲染_方面处理了很多事情。 
例如，您不需要关心序列化或 XSS 攻击。