你们好，最近小活发现有诸多的小伙伴们对于微信小程序开发教程官方文档，微信小程序开发教程这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、 环境建设
2、 小程序的开发要经历两个必要的步骤：
3、 1.申请一个账号
4、 申请小程序账号时注意：每个邮箱只能申请一个小程序账号！
5、 而且这个邮箱还没有绑定微信微信官方账号(这里有一个通用的知识，微信平台的公众平台上有四个账号：服务号、订阅号、小程序、企业微信号，服务号和企业微信号是给企业和组织用的，订阅号也可以是个人所有的)。
6、 2.安装开发人员工具
7、 微信小程序的开发者工具和前端的webStrom、dreamView差不多，但是没有前端开发工具好用，一定要吐槽！
8、 重要参数
9、 AppId:这里单独列出AppId是因为它相当于小程序平台的Id号，很多地方都需要。登录小程序平台后，在左栏“开发”-“开发设置”中可以看到AppId。
10、 点击左边的“设置”也可以看到。
11、 打开微信小程序开发工具后，在“项目目录”中选择代码保存路径，然后需要填写小程序的AppId，给项目起个好名字，最后勾选“快速启动项目”。(注意：您必须选择一个空目录才能使用此选项)，
12、 点击OK，你将得到你的第一个小程序。点击顶部菜单的编译，在微信开发者工具中预览你的第一个小程序。
13、 开发工具和目录介绍
14、 在applet开发工具中创建了项目后，如下图所示：
15、 applet目录结构包括一个描述整个程序的app和描述各自页面的多个页面。目录中以app开头的文件描述了整个小程序，可以理解为全局配置。App.js描述了小程序的整体逻辑。
16、 App.json描述了小程序的公共配置，两个文件都是必须的。App.wxss是小程序的全局样式表(类似前端的全局css)，没有存在的必要。
17、 Project.config.json是开发工具的配置文件。
18、 Pages用于指定applet由哪些页面组成，每一项对应一个页面的路径(包括文件名)信息。文件名不需要写文件后缀，框架会自动查找并处理位置的四个文件：json，js，wxml和. wxss。
19、 Pages目录存储applet要显示的页面，每个页面存储在一个文件夹中，如index和logs文件夹。以index为例，index.wxml就是页面(对应前端的html文件)。
20、 Index.js处理页面逻辑，index.wxss是页面样式表(对应前端css文件)，index.json是页面的配置文件。注意：为了让开发者更容易减少配置项，
21、 描述页面的四个文件必须具有相同的路径和文件名。并非页面文件夹中的所有文件都必须存在。如果页面是静态页面，不需要处理逻辑，那么只需要。需要wxml文件。
22、 pages中每个页面都要在app.json中进行配置，如下图所示，其中配置项的第一个文件为首页，如图中index配置在第一项，首页将展示其页面。
23、 utils文件为工具包，里面可写一些公用函数，可不存在。
24、 开发工具的使用：
25、 1、代码修改后按ctrl+s或点击编译，会进行编译，左侧将展示编译后的效果
26、 2、调试
27、 点击调试后，会弹出控制台进行调试。具体调试方法与浏览器中调试前端代码类似，此处不再赘述。
28、 3、真机调试
29、 点击真机调试，微信扫码后可以在手机上看到小程序的效果
以上就是微信小程序开发教程这篇文章的一些介绍，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！