微信小程序开发—小程序开发入门

本篇将为大家详细介绍如何安装小程序开发工具,并进行一个完整小程序的开发。

下载安装微信web开发者工具

下载地址:
windows64:https://servicewechat.com/wxa-dev-logic/download_redirect?type=x64

windows32:https://servicewechat.com/wxa-dev-logic/download_redirect?type=ia32

mac:https://servicewechat.com/wxa-dev-logic/download_redirect?type=darwin

下载完成之后,直接正常安装即可。

下载并运行官方小程序demo

1、demo下载:https://mp.weixin.qq.com/debug/wxadoc/dev/demo/demo.zip
下载完成后解压。

2、打开微信web开发者工具,使用微信扫码登录。

3、添加项目,由于我们未注册APPID,所以选择无APPID。填写项目名称和所下载的demo目录。

微信小程序开发—小程序开发入门

4、点击添加项目,可以看到如下界面。
微信小程序开发—小程序开发入门
左侧为小程序界面预览区,中间为项目结构,右侧为代码编辑区。

这个demo中包含了所有的组件及API的用法,page/component中是所有组件的用法实例,page/API下包含的所有API的用法,然后就可以通过逐个组件和API的实例对照官方文档去学习了。

官方文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/

微信小程序开发—小程序开发入门

上一篇:Native VS React Native VS 微信小程序


下一篇:如何用php开启企业微信开发的回调模式