资深老电工自学小程序开发,每天记录自己的学习心得，免费分享。不喜可轻喷！！！

一：小程序项目的创建

温馨提示：文章末尾有图片表格总结，可自行保存！

如上图所示，使用的开发工具是Stable 1.06.2503290。我们选择创建一个新的小程序项目。输入项目名称，在目录处选择项目想要保存的位置。在AppID处，我们选择测试账号即可。是否启用后端服务，选择不启用云服务。开发模式选择小程序。在模板处我们选择不使用模板，这样我们能够得到一个较为精简的小项目，方便我们小白入门。

二：代码结构组成

如上图所示，在资源管理器中，显示出了整个项目的代码结构。大致可分为三个部分，分别是Components、Pages、以及根目录中的其他文件。接下来，咱们一起来了解这三个部分分别是什么作用。

三：Components文件夹

在小程序开发当中，Components指的是“组件”。是可以复用的UI单元，能够提高开发效率。在我的理解当中，就像倍福PLC中的库文件、西门子等其他PLC中的FB、FC块一样，能够重复使用，方便编程（可能不对，不喜轻喷）。

在当前这个项目的组件文件夹中，有一个navigation-bar文件夹，此文件夹是页面导航条的配置节点，用来指定导航栏的属性。在我理解看来，就是咱打开小程序时后手机最上面的那块显示区域。通过修改这个navigation-bar文件夹里的代码内容，能够得到咱想要的导航功能。

四：Pages文件夹

Pages文件夹就是页面文件夹，在小程序里创建页面时，需在项目目录的 pages 文件夹下新建页面文件夹，每个页面文件夹一般有四个基础文件，分别是 .json（页面配置文件）、.wxml（页面结构文件）、.wxss（页面样式文件）、.js（页面逻辑文件）。

五：根目录中的文件

在根目录中有7个文件。.eslintrc.js文件在小程序开发官网的帮助中没有查到作用是什么，等以后再说。app.js中对小程序的逻辑进行编辑；app.json对小程序进行配置包括各页面的具体路径位置等；app.wxss用来对小程序的全局样式进行设置。project.config.json文件是小程序开发者工具的配置文件，就是保存开发者工具的个性化配置信息，在更换电脑后可以快速恢复开发者常用的配置。
project.private.config.json文件也是对项目进行配置的文件，其优先级高于project.config.json文件，前者用来存放个人配置，后者用来存放公共配置。sitemap.json是小程序用来配置页面索引的文件，能决定小程序的哪些页面能够被搜索引擎索引，我感觉这个还挺重要，最好把所有的页面都指定为被搜索引擎索引，这样才能给小程序带来更多的曝光率。

六：小程序代码结构总结

如上图所示，是小程序代码结构的总结，方便以后温故知新。