微信小程序怎么开发

工具使用教程：

1、网页搜索小程序平台，进入小程序搭建系统，如图1。

2、进入平台右上角点击“注册”按钮，如图2。

3、编辑一个用户名、密码，输入验证码并确认注册协议，如图3。

4、编辑一个小程序名字、录入手机号码和找回密码的邮箱账号，如图4。

5、数字产品类型选择界面，选择小程序，如图5。

6、左侧选择官网或商城，官网为展示型小程序模板。根据行业选择小程序模板，预览模板后，点击选用并点击确认按钮，如图6、图7。

7、点击小程序模板头部区域，d出铅笔图标后，进入编辑框替换logo，该模板logo为透明色，请按照系统提示尺寸进行上传，如图8、图9。

8、鼠标点击首页轮播图，d出铅笔图标后，点击进入编辑框，按照系统提示尺寸，替换图片如图10、图11和图12。

9、小程序导航数量可以根据实际需求进行增减。如果是商城类小程序，导航分类一般对应产品类型，如图13、图14和图15。

10、上传产品后，鼠标点击商品板块，d出铅笔图标后进去编辑框，设置商品按条件自动调用，该功能配置好以后，新增产品会自动出现在各个对应板块，如图16、图17。

11、首页界面设计完成以后，点击左侧页面、添加栏目按钮继续设计其他页面，比如展示型小程序常用的关于我们、联系我们、品牌特色等页面，在设计过程中，可以从素材、模块里拖拽功能插件到页面里，如图18、图19和图20。

12、到这一步小程序基本设计完成，可以沟通平台协助配置各类系统接口，提交腾讯审核发布。

首先要下载微信官方的微信Web开发者工具。打开微信公众平台（mp.weixin.qq.com），找到右下方的小程序模块，点击「开发」按钮；

点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况，选择适合自己电脑的开发工具。

安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，需要使用开发者的微信号扫码登录。登陆后，点击「添加项目」按钮，填写 AppID（如果没有，则点击无 AppID）和项目名称。接着，在项目目录中点击「选择」，新建一个文件夹作为新的项目目录。然后再次点击「添加项目」，就可以新建出一个微信小程序项目了。

微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑：编辑和修改小程序的代码。

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

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

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

懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序制作平台「即速应用」官方网站进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。

制作完成后，点击「生成」按钮。然后选择「小程序打包」，下载小程序的标准代码包。

回到在微信Web开发工具中，在「项目目录」这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。

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

9

以上就是微信小程序开发工具的具体使用方法。磨刀不误砍材工，只有认真了解过微信小程序开发工具如何使用，才能才微信小程序推出的关键时期抓住机会，尽快进入市场，拿下小程序的第一波红利。

---