- 删除默认示例组件 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
15 lines
242 B
JavaScript
15 lines
242 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
"./node_modules/flowbite/**/*.js"
|
|
],
|
|
theme: {
|
|
extend: {},
|
|
},
|
|
plugins: [
|
|
require('flowbite/plugin')
|
|
],
|
|
}
|