Execute no PowerShell:
npm create vite@latest
npm i
Execute no PowerShell:
npm i -D tailwindcss postcss autoprefixer
npx tailwindcss init -p
Abra tailwind.config.cjs e coloque adicione em contents o caminho dos arquivos que usarão o CSS
content: ['./src/**/*.tsx']
Crie src/styles/main.css contendo:
@tailwind base;
@tailwind components;
@tailwind utilities;
Instale as extensão
bradlc.vscode-tailwindcsscsstools.postcss
Execute no PowerShell:
npm i phosphor-react
Execute no Power Shell
npm i @radix-ui/react-dialog
npm i @radix-ui/react-checkbox
npm i @radix-ui/react-select
npm i @radix-ui/react-toggle-group
Execute no Power Shell
npm i axios