搭建项目

.gitignore

@@ -0,0 +1,9 @@
+/node_modules
+/.env.local
+/.umirc.local.ts
+/config/config.local.ts
+/src/.umi
+/src/.umi-production
+/src/.umi-test
+/dist
+.swc

.npmrc

@@ -0,0 +1,2 @@
+registry=https://registry.npmmirror.com/
+

.umirc.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "umi";
+import routes from './config/routes/index'
+
+export default defineConfig({
+  routes,
+  npmClient: 'yarn',
+});

config/routes/index.ts

@@ -0,0 +1,5 @@
+const routes = [
+  {path: '/', component: '@/pages/index'}
+]
+
+export default routes;

package.json

@@ -0,0 +1,19 @@
+{
+  "private": true,
+  "author": "鲁誉程 <2659568239@qq.com>",
+  "scripts": {
+    "dev": "umi dev",
+    "build": "umi build",
+    "postinstall": "umi setup",
+    "setup": "umi setup",
+    "start": "npm run dev"
+  },
+  "dependencies": {
+    "umi": "^4.0.88"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.33",
+    "@types/react-dom": "^18.0.11",
+    "typescript": "^5.0.3"
+  }
+}

src/layouts/index.less

@@ -0,0 +1 @@
+

src/layouts/index.tsx

@@ -0,0 +1,9 @@
+import styles from './index.less';
+
+export default function Layout() {
+  return (
+    <div>
+      
+    </div>
+  );
+}

src/pages/index.tsx

@@ -0,0 +1,15 @@
+import yayJpg from '../assets/yay.jpg';
+
+export default function HomePage() {
+  return (
+    <div>
+      <h2>Yay! Welcome to umi!</h2>
+      <p>
+        <img src={yayJpg} width="388" />
+      </p>
+      <p>
+        To get started, edit <code>pages/index.tsx</code> and save to reload.
+      </p>
+    </div>
+  );
+}

tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "./src/.umi/tsconfig.json"
+}

typings.d.ts

@@ -0,0 +1 @@
+import 'umi/typings';