[IT] 初始 react project (TailwindCSS & TypeScript & Context)

建立專案 npx create-react-app [project-name] --template typescript cd [project-name] 安裝 TailwindCSS 及其相依套件: npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p 設定 tailwind.config.js: /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], theme: { extend: {}, }, plugins: [], } 在 src/index.css 中加入 Tailwind directives: @tailwind base; @tailwind components; @tailwind utilities;

November 28, 2024 · 1 分鐘 · Rain Hu