一、新建文件夹（登录）

在HBuilderX中开发微信小程序的步骤如下：

在HBuilderX中新建一个uniapp项目。
在HBuilderX中配置安装的微信开发者工具路径，可以通过点击 工具》设置》运行配置–小程序运行配置 进行配置。
在HBuilderX中修改代码，修改后的代码会自动同步到微信开发者工具中。
在HBuilderX中点击 运行》运行到小程序模拟器》微信开发者工具，控制台会打印日志，并自动打开微信开发者工具。

在微信开发者工具中开发微信小程序的步骤如下：

在微信开发者工具中新建一个小程序项目。
在微信开发者工具中修改代码。
在微信开发者工具中点击 编译，编译完成后可以预览小程序的效果。
在微信开发者工具中点击 上传，将小程序上传到微信平台进行发布。
总结来说，HBuilderX提供了更多的开发工具和功能，适合开发者进行更复杂的开发工作；而微信开发者工具则更加专注于微信小程序的开发和调试，适合初学者或者只需要进行简单开发的开发者。