open-index/open-npm huggingface dataset:
npm package: @link-jdb/components
Description: ## 一、开发框架初始化 技术选型上使用的是 Vite + Vue3 + Typescript
Latest version: 2.0.4

# 前端组件库

## 一、开发框架初始化
技术选型上使用的是 Vite + Vue3 + Typescript

在空白目录执行下列命令：

```bash
yarn create vite
```

依次填写项目名称和选择框架为 vue-ts 后，将会自动完成项目的初始化，代码结构如下：

```bash
.
├── README.md
├── index.html
├── package.json
├── public
├── src
├── tsconfig.json
├── vite.config.ts
└── yarn.lock
```

在根目录下新建一个 `/packages` 目录，后续组件的开发都会在该目录进行。以一个 `<my-button />` 组件为例，看看 `/packages` 目录内部是什么样的：

```bash
packages
├── Button
│   ├── docs
│   │   ├── README.md  // 组件文档
│   │   └── demo.vue   // 交互式预览实例
│   ├── index.ts       // 模块导出文件
│   └── src
│       └── index.vue  // 组件本体
├── index.ts           // 组件库导出文件
└── list.json          // 组件列表
```