npm create vite@latest react-vite-typescript-emotion-tailwindcss -- --template react-ts
npm i react react-dom react-router-dom
npm i @emotion/react @emotion/styled
doc: https://github.com/ben-rogerson/twin.examples/tree/master/vite-emotion-typescript
npm install --save-dev twin.macro @emotion/babel-plugin-jsx-pragmatic @babel/plugin-transform-react-jsx babel-plugin-macros tailwindcss
- 安裝 postcss, autoprefixer
npm install -D postcss autoprefixer
- 直接在 jsx 檔案中使用 tailwindCSS
<div className="p-10 bg-red-500 rounded text-black font-bold text-4xl">This my button component.</div>
npm install -D @types/react
npm init @eslint/config
npm install --save-dev --save-exact prettier
npm install -D eslint-config-prettier
npm install -D eslint-plugin-prettier