- 删除默认示例组件 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
27 lines
644 B
JSON
27 lines
644 B
JSON
{
|
|
"name": "enlish-vue",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"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"
|
|
}
|
|
}
|