[vite] 使用 Vite 快速建立 React + TypeScript + Tailwind CSS 專案

先建立 React + TypeScript 專案

npm create vite@latest react-ts-tailwind -- --template react-ts

安裝 Tailwind CSS 和其他相依套件：

npm install -D tailwindcss postcss autoprefixer

初始化：

npx tailwindcss init -p

打開 tailwind.config.cjs 將以下程式碼貼上：

tailwind.config.cjs

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

打開 index.css 將以下程式碼貼上：

index.css

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

最後再安裝個 Prettier：

npm install -D prettier prettier-plugin-tailwindcss