微信小程序开发官方文档

文件 2

HEN 室【--】

小程序开发者文档

获取微信小程序

首先我们需要有一个账号，比如

微信小程序开发官方文档

文件 2

HEN 室【--】

小程序开发者文档

获取微信小程序

首先我们需要有一个账号，如果你能看到这篇文档，说明我们已经邀请并为你创建了账号，请注意不能直接使用服务号或订阅号，使用提供的账号登录微信公众号后台，在网站的“设置”-“开发者设置”中可以查看微信小程序。

注意：如果我们没有使用注册时绑定的管理员微信账号在手机上体验小程序，那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块中，绑定需要体验小程序的微信账号。本教程默认使用管理员微信账号进行注册体验。

创建项目

我们需要通过来完成小程序的创建和代码编辑。

开发者工具安装完成后，打开开发者工具，用微信扫码登录，选择创建项目，填写上面获取到的信息，设置本地项目名称（不是小程序名称），例如“我的第一个项目”，选择一个本地文件夹作为代码存放目录，然后点击新建项目。

为了帮助新手了解微信小程序的基本代码结构，在创建过程中，如果选择的本地文件夹为空文件夹，开发者工具会提示是否创建项目，选择“是”，开发者工具会帮我们在开发目录下生成一个简单的dem。

项目创建成功后，我们可以点击项目进入，看到完整的开发者工具界面。点击左侧导航，在“编辑”中我们可以查看和编辑我们的代码。在“调试”中我们可以测试代码，并在微信客户端模拟小程序的效果。在“项目”中我们可以发送到手机上预览实际效果。

编写代码

创建小程序实例

点击开发者工具左侧导航中的“编辑”，我们可以看到这个项目已经初始化完毕，包含了一些简单的代码文件。其中最关键、不可缺少的就是、、、。其中，.js后缀为脚本文件，.json后缀为配置文件，.wxss后缀为样式表文件。微信小程序会读取这些文件，并生成。

下面我们简单了解一下这三个文件的作用，方便从零开始修改开发自己的微信小程序。

是小程序的脚本代码，我们可以在这个文件中监控、处理小程序的生命周期函数、声明全局变量等，调用MINA提供的丰富API，比如本例中的同步存储、同步读取本地数据等，更多可用API请参考

{

：

100%；

： 柔性;

柔性- ： ;

— ：；

— ： —；

：0；

盒子-：-盒子；

创建一个页面

本教程中我们有两个页面，分别是欢迎页面和日志页面，分别是小程序的欢迎页面和启动日志的展示页面，都在目录下，微信小程序中每个页面的[路径+页面名]都需要写在 中，p