✨Feat: 导入heroui组件库和tailwindcss

frontend/package.json

@@ -10,19 +10,25 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@heroui/react": "^3.0.1",
+    "@heroui/styles": "^3.0.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
+    "@tailwindcss/postcss": "^4.2.2",
     "@types/node": "^24.12.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.1",
+    "autoprefixer": "^10.4.27",
     "eslint": "^9.39.4",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.4.0",
+    "postcss": "^8.5.8",
+    "tailwindcss": "^4.2.2",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.57.0",
     "vite": "^8.0.1"

frontend/postcss.config.js

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}

frontend/src/App.tsx

@@ -1,8 +1,10 @@
-
+import { Button } from '@heroui/react';
 function App() {
 
   return (
-    <>Hello World</>
+    <>    <Button>
+      My Button
+    </Button></>
   )
 }
 

frontend/src/global.css

@@ -0,0 +1,2 @@
+@import "tailwindcss/theme" theme(reference);
+@import "@heroui/styles"; 

frontend/src/main.tsx

@@ -1,3 +1,4 @@
+import './global.css'
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import App from './App.tsx'