调试：显示小程序代码错误和警告，以方便调试代码错误。

：用于查看小程序的属性、修改小程序配置、提交小程序代码到微信服务器。

该开发工具还提供了简易的模拟器（页面左侧），开发者可以通过它在电脑上模拟用户点击和使用，并提供后台情境模拟、多媒体播放器调试、缓存数据处理等功能。

5、懂技术的程序员可以在此步骤开发自己的程序。不懂编程的用户可以登录创建小程序，点击“立即创建”，选择合适的模板，点击“选择”，进入编辑页面。

6.编辑页面包含页面管理、组件库、样式、模板、页面设置等按钮，可根据实际需要进行编辑，也可以选择空白模板进行创建，创建完成后点击“生成”按钮，选择“发布”。

7.选择“小程序包”下载小程序标准代码包。

8.打包小程序，在微信公众平台开发设置里搜索，然后打包即可。这个是针对已经微信认证的用户，如果还没有微信认证，点击“先体验”，选择“直接打包”。

9.打包完成后，“点击下载”，下载并保存，然后解压文件。

10、打开微信Web开发工具，在“项目目录”栏中选择下载的代码包，打开后就可以看到小程序的预览效果。

11.预览效果。

​

12、在“项目”页面，开发者可以查看小程序基本属性、进行真机预览和调试，也可以向微信服务器提交新版本的小程序代码，服务器收到代码后，管理员可以通过公众平台提交新版本审核。

微信小程序已经正式上线，只有认真了解微信小程序开发工具的使用方法，才能抢占先机，收获小程序第一波红利。

去年的今日运营文章 2024：2024微信视频品牌营销灵感案例集锦 (0) 2024：2023小红书【蒲公英明星内容合作】产品运营手册 (0) 2024：一张图看懂学习者必知的【学习方法模型】(0) 2024：快速掌握品牌vs营销vs运营 (0) 2024：曝光多益网络逼员工主动离职，无年终奖，无补偿 (0)