微信开发者工具使用vant

微信开发者工具是一款于开发和调试微信小程序的集成开发环境（IDE），而Vant是一套基于Vue.js的移动端组件库，提供了丰富的UI组件和交互效果，可以帮助开发者快速构建小程序界面。

要在微信开发者工具中使用Vant，可以按照以下步骤进行：

1. 在微信开发者工具中创建一个新的小程序项目。
2. 在项目目录下找到并打开`project.config.json`文件，在`setting`字段中添加以下配置：

   "packOptions": {
     "ignore": [
       "node_modules/**"
     ]
   }

这样可以忽略掉`node_modules`目录，避免编译错误。
3. 在项目根目录下打开终端或命令行工具，执行以下命令安装Vant：

   npm install vant-weapp -S --production

这将会将Vant的相关文件安装到项目的`node_modules`目录下。
4. 在微信开发者工具的菜单栏中选择“工具”->“构建npm”，等待构建完成。
5. 在小程序页面的json文件中引入需要使用的Vant组件，例如：

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

6. 在小程序页面的wxml文件中使用Vant组件，例如：

   <van-button type="primary">按钮</van-button>

这样就可以在小程序中使用Vant的组件了。