feat(router): 初始化项目路由与页面结构

- 删除默认示例组件 HelloWorld.vue 及相关代码
- 使用 <router-view> 替换 App.vue 中的默认内容
- 引入并应用 Vue Router,实现基础页面路由配置
- 在 main.js 中注册路由插件
- 添加首页组件 index.vue,作为根路径路由的目标组件
- 配置 vite 别名 '@' 指向 src 目录,方便路径引用
- 添加 Element Plus、Flowbite 和 Vue Router 依赖,集成 UI 框架
- 配置自动导入和组件按需加载插件,简化开发流程
- 配置 Tailwind CSS 及 Flowbite 插件,设置样式基础
- 创建主样式文件 main.css 并导入 Tailwind 指令
- 添加 postcss 配置支持 Tailwind 和 autoprefixer
This commit is contained in:
lbw
2025-12-14 12:06:08 +08:00
parent 5585f33f95
commit 9a11a7c094
11 changed files with 3115 additions and 1359 deletions

View File

@@ -9,10 +9,18 @@
"preview": "vite preview"
},
"dependencies": {
"vue": "^3.5.24"
"element-plus": "^2.12.0",
"flowbite": "^1.8.1",
"vue": "^3.5.24",
"vue-router": "^4.6.4"
},
"devDependencies": {
"@vitejs/plugin-vue": "^6.0.1",
"autoprefixer": "^10.4.22",
"postcss": "^8.5.6",
"tailwindcss": "^3.4.19",
"unplugin-auto-import": "^20.3.0",
"unplugin-vue-components": "^30.0.0",
"vite": "^7.2.4"
}
}