From 8672a05fa8f7b89f526b516648221221db33a095 Mon Sep 17 00:00:00 2001 From: riverflow <3011499946@qq.com> Date: Sat, 9 Aug 2025 17:15:35 +0800 Subject: [PATCH 1/6] =?UTF-8?q?=E6=B3=A8=E9=87=8A=E6=8E=89=E9=BB=98?= =?UTF-8?q?=E8=AE=A4=E6=A0=B7=E5=BC=8F=EF=BC=8C=E9=81=BF=E5=85=8D=E5=BD=B1?= =?UTF-8?q?=E5=93=8D=E5=90=8E=E7=BB=AD=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- order-system/src/main.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/order-system/src/main.ts b/order-system/src/main.ts index 2425c0f..217793f 100644 --- a/order-system/src/main.ts +++ b/order-system/src/main.ts @@ -1,5 +1,5 @@ import { createApp } from 'vue' -import './style.css' +// import './style.css' 将默认样式注释掉，避免影响后续开发 import App from './App.vue' createApp(App).mount('#app') -- 2.34.1 From 9fc369254add8e64889fa6d694b3f445e4193bb9 Mon Sep 17 00:00:00 2001 From: riverflow <3011499946@qq.com> Date: Sat, 9 Aug 2025 18:42:53 +0800 Subject: [PATCH 2/6] =?UTF-8?q?=E9=85=8D=E7=BD=AEtsconfig.json=E6=96=87?= =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E4=B8=BA=E9=A1=B9=E7=9B=AE=E9=85=8D=E7=BD=AE?= =?UTF-8?q?=E5=88=AB=E5=90=8D=EF=BC=8C=E7=AE=80=E5=8C=96=E8=B7=AF=E5=BE=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- order-system/package-lock.json | 18 ++++++++++++++++++ order-system/package.json | 1 + order-system/tsconfig.node.json | 4 ++++ order-system/vite.config.ts | 17 ++++++++++++++++- 4 files changed, 39 insertions(+), 1 deletion(-) diff --git a/order-system/package-lock.json b/order-system/package-lock.json index aaeddb1..ffbea7f 100644 --- a/order-system/package-lock.json +++ b/order-system/package-lock.json @@ -11,6 +11,7 @@ "vue": "^3.5.17" }, "devDependencies": { + "@types/node": "^24.2.1", "@vitejs/plugin-vue": "^6.0.0", "@vue/tsconfig": "^0.7.0", "typescript": "~5.8.3", @@ -806,6 +807,16 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/node": { + "version": "24.2.1", + "resolved": "https://registry.npmmirror.com/@types/node/-/node-24.2.1.tgz", + "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "undici-types": "~7.10.0" + } + }, "node_modules/@vitejs/plugin-vue": { "version": "6.0.1", "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-6.0.1.tgz", @@ -1328,6 +1339,13 @@ "node": ">=14.17" } }, + "node_modules/undici-types": { + "version": "7.10.0", + "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.10.0.tgz", + "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==", + "dev": true, + "license": "MIT" + }, "node_modules/vite": { "version": "7.0.6", "resolved": "https://registry.npmmirror.com/vite/-/vite-7.0.6.tgz", diff --git a/order-system/package.json b/order-system/package.json index d46ae9c..5dabdfe 100644 --- a/order-system/package.json +++ b/order-system/package.json @@ -12,6 +12,7 @@ "vue": "^3.5.17" }, "devDependencies": { + "@types/node": "^24.2.1", "@vitejs/plugin-vue": "^6.0.0", "@vue/tsconfig": "^0.7.0", "typescript": "~5.8.3", diff --git a/order-system/tsconfig.node.json b/order-system/tsconfig.node.json index f85a399..c513361 100644 --- a/order-system/tsconfig.node.json +++ b/order-system/tsconfig.node.json @@ -5,6 +5,10 @@ "lib": ["ES2023"], "module": "ESNext", "skipLibCheck": true, + "baseUrl": ".", // 设置根目录为项目根目录 + "paths": { + "@/*": ["src/*"] // 将 @/ 映射到 src/ 目录 + }, /* Bundler mode */ "moduleResolution": "bundler", diff --git a/order-system/vite.config.ts b/order-system/vite.config.ts index bbcf80c..482a35d 100644 --- a/order-system/vite.config.ts +++ b/order-system/vite.config.ts @@ -1,7 +1,22 @@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' - +import { resolve } from 'path' //导入nodejs核心模块path，解构提取resolce方法 // https://vite.dev/config/ export default defineConfig({ plugins: [vue()], + server:{ + host: '0.0.0.0',//解决控制台：Network:use--host to expose + port: 8080,//配置端口号 + hmr:true,//开启热更新 + open:true//启动在浏览器打开 + }, + resolve: { + //为项目设置别名，简化项目路径 + alias: [ + { + find: '@', + replacement: resolve(__dirname, 'src') + } + ] + } }) -- 2.34.1 From c17a03655c53b552c534bcbc85d86e615c71356b Mon Sep 17 00:00:00 2001 From: riverflow <3011499946@qq.com> Date: Sat, 9 Aug 2025 18:49:09 +0800 Subject: [PATCH 3/6] =?UTF-8?q?=E5=AE=89=E8=A3=85vue=E5=AE=98=E6=96=B9?= =?UTF-8?q?=E8=B7=AF=E7=94=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- order-system/package-lock.json | 24 +++++++++++++++++++++++- order-system/package.json | 3 ++- 2 files changed, 25 insertions(+), 2 deletions(-) diff --git a/order-system/package-lock.json b/order-system/package-lock.json index ffbea7f..c680c4f 100644 --- a/order-system/package-lock.json +++ b/order-system/package-lock.json @@ -8,7 +8,8 @@ "name": "order-system", "version": "0.0.0", "dependencies": { - "vue": "^3.5.17" + "vue": "^3.5.17", + "vue-router": "^4.5.1" }, "devDependencies": { "@types/node": "^24.2.1", @@ -924,6 +925,12 @@ "he": "^1.2.0" } }, + "node_modules/@vue/devtools-api": { + "version": "6.6.4", + "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz", + "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==", + "license": "MIT" + }, "node_modules/@vue/language-core": { "version": "2.2.12", "resolved": "https://registry.npmmirror.com/@vue/language-core/-/language-core-2.2.12.tgz", @@ -1449,6 +1456,21 @@ } } }, + "node_modules/vue-router": { + "version": "4.5.1", + "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.5.1.tgz", + "integrity": "sha512-ogAF3P97NPm8fJsE4by9dwSYtDwXIY1nFY9T6DyQnGHd1E2Da94w9JIolpe42LJGIl0DwOHBi8TcRPlPGwbTtw==", + "license": "MIT", + "dependencies": { + "@vue/devtools-api": "^6.6.4" + }, + "funding": { + "url": "https://github.com/sponsors/posva" + }, + "peerDependencies": { + "vue": "^3.2.0" + } + }, "node_modules/vue-tsc": { "version": "2.2.12", "resolved": "https://registry.npmmirror.com/vue-tsc/-/vue-tsc-2.2.12.tgz", diff --git a/order-system/package.json b/order-system/package.json index 5dabdfe..dc5571e 100644 --- a/order-system/package.json +++ b/order-system/package.json @@ -9,7 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "vue": "^3.5.17" + "vue": "^3.5.17", + "vue-router": "^4.5.1" }, "devDependencies": { "@types/node": "^24.2.1", -- 2.34.1 From add3bd76b6dee3bbc031ecf2cf08ac9430d6269d Mon Sep 17 00:00:00 2001 From: riverflow <3011499946@qq.com> Date: Sat, 9 Aug 2025 19:44:14 +0800 Subject: [PATCH 4/6] =?UTF-8?q?=E6=96=B0=E5=BB=BA=E8=B7=AF=E7=94=B1?= =?UTF-8?q?=E6=96=87=E4=BB=B6=EF=BC=8C=E9=85=8D=E7=BD=AE=E8=B7=AF=E7=94=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- order-system/src/jsconfig.json | 10 ++++++++++ order-system/src/router/index.ts | 20 ++++++++++++++++++++ order-system/src/vite-env.d.ts | 15 +++++++++++++++ order-system/tsconfig.app.json | 31 ++++++++++++++++++++++--------- order-system/tsconfig.node.json | 4 ---- order-system/vite.config.ts | 26 ++++++++++++++++++-------- 6 files changed, 85 insertions(+), 21 deletions(-) create mode 100644 order-system/src/jsconfig.json create mode 100644 order-system/src/router/index.ts diff --git a/order-system/src/jsconfig.json b/order-system/src/jsconfig.json new file mode 100644 index 0000000..37c23f7 --- /dev/null +++ b/order-system/src/jsconfig.json @@ -0,0 +1,10 @@ +{ + "compilerOptions": { + "baseUrl": ".", + "paths": { + "@/*": ["src/*"] + }, + "types": ["vite/client"] + }, + "exclude": ["node_modules", "dist"] +} \ No newline at end of file diff --git a/order-system/src/router/index.ts b/order-system/src/router/index.ts new file mode 100644 index 0000000..0bf8cc4 --- /dev/null +++ b/order-system/src/router/index.ts @@ -0,0 +1,20 @@ +import { createRouter, createWebHistory } from 'vue-router' +import type { RouteRecordRaw } from 'vue-router' +import Layout from '@/components/HelloWorld.vue' +// console.log('组件路径:', HelloWorld.__file) + + +const routes: Array = [ + { + path: '/home', + name: 'Home', + component: Layout + } +] + +const router = createRouter({ + history: createWebHistory(), + routes +}) + +export default router \ No newline at end of file diff --git a/order-system/src/vite-env.d.ts b/order-system/src/vite-env.d.ts index 11f02fe..41e228f 100644 --- a/order-system/src/vite-env.d.ts +++ b/order-system/src/vite-env.d.ts @@ -1 +1,16 @@ /// +/// + +// 声明 Vue 文件模块 +declare module '*.vue' { + import type { DefineComponent } from 'vue' + const component: DefineComponent<{}, {}, any> + export default component +} + +// 声明路径别名（可选，增强类型提示） +declare module '@/components/*' { + import type { DefineComponent } from 'vue' + const component: DefineComponent<{}, {}, any> + export default component +} diff --git a/order-system/tsconfig.app.json b/order-system/tsconfig.app.json index 3dbbc45..321e27c 100644 --- a/order-system/tsconfig.app.json +++ b/order-system/tsconfig.app.json @@ -2,14 +2,27 @@ "extends": "@vue/tsconfig/tsconfig.dom.json", "compilerOptions": { "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", - - /* Linting */ + // 添加以下路径配置 + "baseUrl": ".", + "paths": { + "@/*": ["src/*"] + }, + // 添加必要的库支持 + "lib": ["ESNext", "DOM"], + // 添加模块解析配置 + "module": "ESNext", + "moduleResolution": "Node", + // 确保包含以下选项 + "target": "ESNext", + "esModuleInterop": true, + "resolveJsonModule": true, "strict": true, - "noUnusedLocals": true, - "noUnusedParameters": true, - "erasableSyntaxOnly": true, - "noFallthroughCasesInSwitch": true, - "noUncheckedSideEffectImports": true + "jsx": "preserve" }, - "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"] -} + "include": [ + "src/**/*.ts", + "src/**/*.tsx", + "src/**/*.vue", + "vite-env.d.ts" // 确保包含类型声明文件 + ] +} \ No newline at end of file diff --git a/order-system/tsconfig.node.json b/order-system/tsconfig.node.json index c513361..f85a399 100644 --- a/order-system/tsconfig.node.json +++ b/order-system/tsconfig.node.json @@ -5,10 +5,6 @@ "lib": ["ES2023"], "module": "ESNext", "skipLibCheck": true, - "baseUrl": ".", // 设置根目录为项目根目录 - "paths": { - "@/*": ["src/*"] // 将 @/ 映射到 src/ 目录 - }, /* Bundler mode */ "moduleResolution": "bundler", diff --git a/order-system/vite.config.ts b/order-system/vite.config.ts index 482a35d..67b4b64 100644 --- a/order-system/vite.config.ts +++ b/order-system/vite.config.ts @@ -1,6 +1,6 @@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' -import { resolve } from 'path' //导入nodejs核心模块path，解构提取resolce方法 +import path from 'path' //导入nodejs核心模块path，解构提取resolce方法 // https://vite.dev/config/ export default defineConfig({ plugins: [vue()], @@ -10,13 +10,23 @@ export default defineConfig({ hmr:true,//开启热更新 open:true//启动在浏览器打开 }, + // resolve: { + // //为项目设置别名，简化项目路径 + // alias: [ + // { + // find: '@', + // replacement: resolve(__dirname, 'src') + // } + // ] + // } resolve: { - //为项目设置别名，简化项目路径 - alias: [ - { - find: '@', - replacement: resolve(__dirname, 'src') - } - ] + // 修正为对象格式 + alias: { + '@': path.resolve(__dirname, 'src'), + // 可以添加更多别名 + 'components': path.resolve(__dirname, 'src/components') + }, + // 添加扩展名支持 + extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'], } }) -- 2.34.1 From 11e206c55cb490e1e95dd8d83b06e4790454bf21 Mon Sep 17 00:00:00 2001 From: riverflow <3011499946@qq.com> Date: Sat, 9 Aug 2025 19:50:52 +0800 Subject: [PATCH 5/6] =?UTF-8?q?=E5=B0=86=E5=88=9B=E5=BB=BA=E5=A5=BD?= =?UTF-8?q?=E7=9A=84=E8=B7=AF=E7=94=B1=E5=BC=95=E5=85=A5=E5=88=B0main.js?= =?UTF-8?q?=E4=B8=AD,=E5=B9=B6=E6=8C=82=E8=BD=BD=E8=B7=AF=E7=94=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- order-system/src/main.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/order-system/src/main.ts b/order-system/src/main.ts index 217793f..f2de51c 100644 --- a/order-system/src/main.ts +++ b/order-system/src/main.ts @@ -1,5 +1,11 @@ import { createApp } from 'vue' // import './style.css' 将默认样式注释掉，避免影响后续开发 + +import router from './router' //将创建好的路由引入到main.ts中 import App from './App.vue' -createApp(App).mount('#app') +// createApp(App).mount('#app') + +// 通过router创建,挂载路由 +const app = createApp(App); +app.use(router).mount('#app') -- 2.34.1 From 98f2c3af137e3841e3dc0d610be29cb6e2ef2b26 Mon Sep 17 00:00:00 2001 From: riverflow <3011499946@qq.com> Date: Sat, 9 Aug 2025 19:58:40 +0800 Subject: [PATCH 6/6] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E8=B7=AF=E7=94=B1?= =?UTF-8?q?=E6=98=AF=E5=90=A6=E6=90=AD=E8=BD=BD=E6=88=90=E5=8A=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- order-system/src/App.vue | 31 +++------------------- order-system/src/components/HelloWorld.vue | 27 +------------------ 2 files changed, 5 insertions(+), 53 deletions(-) diff --git a/order-system/src/App.vue b/order-system/src/App.vue index 58b0f21..2cff022 100644 --- a/order-system/src/App.vue +++ b/order-system/src/App.vue @@ -1,30 +1,7 @@ - - + - + \ No newline at end of file diff --git a/order-system/src/components/HelloWorld.vue b/order-system/src/components/HelloWorld.vue index b58e52b..1234600 100644 --- a/order-system/src/components/HelloWorld.vue +++ b/order-system/src/components/HelloWorld.vue @@ -1,37 +1,12 @@