配置prettier

.prettierrc

@@ -5,5 +5,7 @@
   "trailingComma": "all",
   "arrowParens": "avoid",
   "tabWidth": 2,
-  "endOfLine": "lf"
+  "endOfLine": "lf",
+  "jsxSingleQuote": true,
+  "jsxBracketSameLine": false
 }

package.json

@@ -24,6 +24,7 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
+    "prettier": "^3.0.2",
     "vite": "^4.4.5"
   }
 }

src/App.jsx

@@ -1,11 +1,21 @@
-import {Button} from 'antd'
+import { Component } from 'react'
+import { Button } from 'antd'
+import { Routes, Route } from 'react-router-dom'
 
-function App() {
-  return (
-    <>
-      <Button >测试</Button>
-    </>
-  )
+const Home = () => {
+  return <div>首页</div>
+}
+const About = () => {
+  return <div>关于</div>
 }
 
-export default App
+export default class App extends Component {
+  render() {
+    return (
+      <Routes>
+        <Route path='/' element={<Home />}></Route>
+        <Route path='/about' element={<About />}></Route>
+      </Routes>
+    )
+  }
+}

src/main.jsx

@@ -1,10 +1,13 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+import {BrowserRouter as Router} from "react-router-dom";
 import App from './App.jsx'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
+  <Router>
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>
+  </Router>
 )

yarn.lock

@@ -1893,6 +1893,11 @@ prelude-ls@^1.2.1:
   resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+prettier@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.npmmirror.com/prettier/-/prettier-3.0.2.tgz#78fcecd6d870551aa5547437cdae39d4701dca5b"
+  integrity sha512-o2YR9qtniXvwEZlOKbveKfDQVyqxbEIWn48Z8m3ZJjBjcCmUy3xZGIv+7AkaeuaTr6yPXJjwv07ZWlsWbEy1rQ==
+
 prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmmirror.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"