推荐使用 Notion Boost 插件开启 OUTLINE 大纲方便阅读。
除了 main 分支集成 外,还有集成以下
利用插件 unplugin-vue-components 来按需自动导入使用的组件,我们使用 UI 组件库为 Naive UI,则配置相应组件库的 resolver;
// vite.config.js
// 组件自动引入
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
plugins: [
Components({
resolvers: NaiveUiResolver()
}),
],
})
并且默认情况下,此插件也会从 src/components
路径中查找导入组件,也就是定义在 src/components
目录下的组件可以直接使用就行了;可以通过配置 dirs
来修改默认路径。参考文档 - 配置