VitePress中引入项目封好的组件

安装vitepress

npm add vitepress -D ， 在 package.json添加一些script。

  "scripts": {

    "docs:dev": "vitepress dev docs",
    "docs:build": "vitepress build docs",
    "docs:serve": "vitepress serve docs"
   }

建立文件结构（看网上）。

 .vitepress/config.js为配置文件。.vitepress/theme/index.js为自定义主题。examples作为为组件示例目录。public是公共文件目录。index.md则是组件库文档的首页。gulild放我们组件指南文档。

建立文件结构（我自己的）。

 cache是npm i 下载依赖包后，自动出现的耶。

 引入我们封好的组件。

 在theme文件的index.js配置一下（以button为例）。引入我们封好的组件文件index.vue，还需要引入我们做项目的全局样式style.scss。

 现在index.md试试能不能使用它的标签。

 npm run docs:dev启动我们的项目, 看到页面成功展示我们的组件，就成功。