本文共 535 字，大约阅读时间需要 1 分钟。

以下是优化后的文章：

一、官网

跳转至官方网站获取详细文档和使用指南。

二、新建小程序

在开发者工具中直接创建小样程序，步骤相对标准化，无需复杂配置。

三、npm初始化

打开项目根目录，运行以下命令初始化npm环境：

npm init

随后会出现初始化说明录入信息界面，填写必要信息后完成初始化。

四、安装Vant Weapp

在终端输入以下命令，利用包管理工具获取vant weapp组件：

npm install @vant/weapp -S --production

五、构建npm模块

运行以下命令将项目构建为npm模块格式：

npm pack

导出dist文件夹到包目录。

六、使用

在index.json配置组件，确保项目中使用正确引用：

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index"
  }
}

在index.wxml中 Beardater 具体使用示例：

   
    默认按钮
   
   
    主要按钮
   
   
    信息按钮
   
   
    警告按钮
   
   
    危险按钮
   

示例展示

按钮样式以图示形式展示，效果与测试截图类似。