2025/11/5小于 1 分钟
搭建项目
1. react 官网
https://react.dev/learn/creating-a-react-app
npx create-react-router@latesthttps://react.dev/learn/build-a-react-app-from-scratch
npm create vite@latest my-app -- --template react2. vite 官网
- vite + react
npm create vite@latest my-app -- --template react- vite + react + ts
npm create vite@latest my-app -- --template react-ts添加vite/tailwind
https://tailwindcss.com/docs/installation/using-vite
npm install tailwindcss @tailwindcss/vite# vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite' // <---
export default defineConfig({
plugins: [
tailwindcss(), // <---
],
})# CSS
@import "tailwindcss";<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/src/style.css" rel="stylesheet"> // <---
</head>
<body>
<h1 class="text-3xl font-bold underline"> // <---
Hello world!
</h1>
</body>
</html>添加 react-router-dom
npm i react-router-dom