本文主要用于介绍微信小程序开发过程中的注意事项。请结合微信的开发人员文档观看审核过程。

本文基于微信小程序公共测试版，IDE：微信开发人员工具0.1 0.102800

本文档用于帮助公司内部初学者，如果您感到拖延，请原谅

附件：微信小程序开发文档

AppID应用程序

作为开发人员的身份，

AppID暂时处于公开测试阶段，不支持单个应用程序。它仅支持四个身份：企业，政府，媒体和其他组织，并且需要相应的认证材料。没有AppID不会影响开发，但是无法在微信上对其进行调试，因此只能在IDE中对其进行调试。

每个AppID均具有管理员和开发人员的身份。只有一名管理员，无法更改；对于未认证的小程序，开发人员最多10个，对于已认证的小程序，开发人员最多20个。在微信上只能预览其中的一个。

环境设置

附件：IDE下载地址。下载后，无需考虑即可将其安装到本地。

1.登录

与其他IDE不同，您需要使用数字微信登录。这也是上面提到的凭据，需要管理员和开发人员的身份。

选择本地小程序项目

添加项目

填写appID，如果没有，请单击No appID，系统将提示您某些功能受到限制，因此无需在意。只需填写项目名称并选择项目目录即可。选中“在当前目录中创建快速启动项目”将在您选择的目录中生成一个快速开发演示程序。点击添加项目以完成创建。

2.IDE简介

作为公开测试版产品，此版本的IDE仍相对初级。我相信微信小程序正式发布后，IDE的使用将得到极大改善，以满足开发人员的开发需求。

首次打开IDE的界面如下：

您可以在页面左侧的导航区域中看到五个选项：编辑，调试，项目，编辑和关闭。我们可以在“编辑”中查看和编辑代码，在“调试”中测试代码，并在微信客户端上模拟小程序的效果，然后将其发送到手机以预览“项目”中的实际效果。至于编译和关闭，只有两个功能按钮。 （顺便说一句，使用Ctrl + S时将自动编译此IDE）

编辑时，功能区域如下：

开发过程

1.目录结构

首次创建项目时，项目目录如下：（将生成并运行两个页面）

您可以看到程序中有四种文件类型。

.js：逻辑控件，用于编写javascript代码。

.wxml：页面结构，用于编写html。当然，微信具有特定的包装，如果使用它，则需要知道其标签。

.wxss：样式表文件，用于编写CSS。

.json：样式配置，符合json语法格式。用于在其范围内进行设置。

看到这件事，前台合作伙伴一定很兴奋。这不是前端代码吗？

小程序包含一个描述整个程序的应用程序以及多个描述其各自页面的页面。

1. 1每个以app命名的文件都是整个应用程序的全局配置文件，必须将其放置在项目的根目录中。如下：

官方介绍非常详细，因此我不再赘述：app.js，app.json，app.wxss。

1. 2 pages目录是项目中的页面，每个页面对应页面下的一个文件夹。文件夹名称与文件名相同，并且区分不同的文件后缀（请注意，并非每个文件都是必需的）。

官方介绍非常详细，因此我不再赘述：.js，.wxml，.wxss，.json。

注意：描述页面的四个文件必须具有相同的路径和文件名。

2.组件

微信封装了一系列基于HTML的控件，旨在减少每个人的开发难度和工作量，请查看官方文档。

注意：所有组件和属性均为小写字母，并带有连字符连接

3.API

请检查官方文档。