搭建演示站点

创建site 文件夹

根目录创建 site 文件夹

├── package.json
├── pnpm-workspace.yaml
├── packages
├── sites

site 初始化

• cd 到 site

pnpm init

• package.json

{
  "name": "site",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "packageManager": "pnpm@10.15.1"
}

安装 vitepress

• cd 到 site

pnpm add -D vitepress
npx vitepress init

在package.json 中添加本地依赖包

{
  "name": "site",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "docs:dev": "vitepress dev",
    "docs:build": "vitepress build",
    "docs:preview": "vitepress preview"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "packageManager": "pnpm@10.15.1",
  "devDependencies": {
    "vitepress": "^1.6.4"
  },
  "dependencies": {
    "@vue3-my-component/ui": "workspace:*"
  }
}

• 按照依赖

pnpm add @vue3-my-component/ui -S

使用

• api-examples.md

# Runtime API Examples

666

<script setup>
import {Button} from '@vue3-my-component/ui/src'
</script>

<Button/>