[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