以下是关于向 Vant 提交代码的指南。在向 Vant 提交 Issue 或者 PR 之前，请先花几分钟时间阅读以下文字。

• 遇到问题时，请先确认这个问题已经在 issue 中有记录或者已被修复

• 提 Issue 时，请用简短的语言描述遇到的问题，并添加出现问题时的环境和复现步骤

  Pull Request 规范

• 如果遇到问题，建议保持你的 PR 足够小。保证一个 PR 只解决一个问题或只添加一个功能

• 当新增组件或者修改原有组件时，记得增加或者修改测试代码，保证代码的稳定
• 在 PR 中请添加合适的描述，并关联相关的 Issue

浏览器访问 http://localhost:8080 就可以看到所有组件的示例了。

目录结构

• 组件样式代码位于 packages/vant-css/src 下，vant-css 也会在发布时单独发包
• docs 目录下是文档网站的代码，本地开发时可以在目录下运行 npm run dev 开启文档网站
  项目目录大致如下：

├─ build            # 构建脚本
├─ docs             # 文档网站
├─ packages         # 组件文件
├─ test             # 单元测试
└─ types            # 类型定义

添加新组件时，请按照下面的目录结构组织文件，并在 docs/src/doc.config.js 中配置组件名称

组件文档

1. 标题规范

文档标题从 h2（即 ## 标题 ）开始，每往下一级多加一个 # 号。

2. 组件描述

大标题下面是对组件的一句话简要描述。

3. 使用指南

如果组件需要使用指南，放在组件描述下方，另起一个二级标题。

4. 代码演示

书写代码演示时，建议从简单用法开始介绍，不要上来就同时使用一大堆 API，会让人觉得难以上手。并且一个示例只演示一个 API 的使用方法，如无特殊需求不要在一个示例中同时演示多个 API 混合使用。

<van-button :size="size">
  Large

5. API 说明

组件的 API 说明，请以表格的形式书写，表格包含以下列：

6. Event 说明

组件互相引用

比如说 Dialog 里面引用了 Button 组件，直接写相对路径引用即可。

import Button from '../button';

组件创建

Vant 中的组件会通过 create 方法统一创建，create 方法会在选项文件中注入基本的依赖和方法。

样式

组件样式使用 precss 2.0 作为预处理器，具体语法请参考 precss 文档.

原文: