feat: task增加npm处理、web基础修改

.vscode/tasks.json

@@ -11,18 +11,34 @@
     {
       "label": "prepare-go",
       "type": "shell",
-      "command": "go mod tidy",
+      "command": "go mod tidy"
     },
     {
       "label": "swaggo-init",
+      "dependsOn": ["prepare-swaggo"],
       "type": "shell",
       "command": "swag init --ot json"
-    }, {
+    },
+    {
       "label": "prepare",
-      "dependsOn":[
-        "prepare-go",
-        "swaggo-init",
-      ]
+      "dependsOn": ["prepare-go", "swaggo-init"]
+    },
+    {
+      "label": "prepare-node",
+      "type": "shell",
+      "command": "npm install",
+      "options": {
+        "cwd": "${workspaceFolder}/web"
+      }
+    },
+    {
+      "label": "prepare-web",
+      "dependsOn": ["prepare-node"],
+      "type": "shell",
+      "command": "npm run dev",
+      "options": {
+        "cwd": "${workspaceFolder}/web"
+      }
     }
   ]
-}
+}

web/app.vue

@@ -1,6 +1,3 @@
 <template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
-  </div>
+  <NuxtPage />
 </template>

web/assets/css/main.css

@@ -1,3 +1,9 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+html,
+body,
+.main {
+  @apply w-full h-full;
+}

web/nuxt.config.ts

@@ -2,6 +2,17 @@
 export default defineNuxtConfig({
   compatibilityDate: "2024-11-01",
   devtools: { enabled: true },
+  devServer: {
+    port: 8888,
+  },
+  app: {
+    head: {
+      title: "Nuxt.js TypeScript TailwindCSS",
+    },
+    rootAttrs: {
+      class: 'main',
+    }
+  },
   css: ["@/assets/css/main.css"],
   postcss: {
     plugins: {