前言

我是一名平凡的程序员，因工作需要，被公司指派负责小程序的开发工作。在这之前，我投入了大约两个月的时间来深入研究小程序的相关知识，并且已经成功为公司开发了一款小工具，这使我初步掌握了小程序的开发技能。此外，我还曾在公众号上分享过关于小程序学习的心得体会。

我打算着手编写一个个人小程序，这将是我的一个实践学习项目。必须承认，基础知识至关重要，尤其是对于像我这样前端基础较为薄弱的人来说。学习小程序并非易事，因此在此建议，大家在开始学习小程序之前，不妨先掌握一些前端的基础知识，这样做将大大降低小程序开发的难度。

一、小程序开发准备

进行小程序开发的前提是拥有一个账号，因此必须先在微信公众平台进行开发者账号的注册，并将个人微信绑定作为管理员身份。注册成功后，便可以在开发者后台查看并管理自己的账号。需要注意的是，一个开发者账号后台仅能发布一款小程序，但后续可以通过覆盖发布的方式更新内容。

二、开发者工具

微信小程序配备了特定的开发软件，适用于小程序及公众号的构建。您可在小程序的开发指南中查找下载工具的页面，亦或直接根据您的操作系统类型，输入相关信息下载相应的安装包来完成安装。

三、开始我的个人项目

有了前面两步的准备之后，就可以开发小程序项目了

启动小程序开发平台，采用先前注册小程序时使用的微信二维码进行身份验证。进入后，挑选相应的小程序项目。

创建一个名为xxx的新项目，输入相关信息，接着勾选“创建项目”的选项，最后点击确定按钮，这样，你的第一个小程序项目便成功建立了。

项目代码的构成部分包括：配置代码的JSON格式文件、模板代码的WXML格式文件、样式代码的WXSS格式文件，以及逻辑代码的文件。

JSON文件在编写小程序代码时起到固定配置的角色，它预先设定了小程序的某些表现特征。然而，必须留意的是，小程序在运行过程中无法对JSON配置文件进行动态修改，因此，相应的变化也无法即时反映。

WXML的全称是……，它是一种专为小程序框架设计的标签语言，通过整合小程序的基本组件和事件系统，能够有效构建出页面的布局。

WXSS（ ）作为一种专门针对小程序的样式表达语言，主要负责对WXML组件的视觉样式进行描述。其运作原理与Web开发中的CSS颇为相似。为了更好地适应小程序的开发需求，WXSS在CSS的基础上进行了一系列的补充和调整。

我的理解是，WXML与前端HTML相似，WXSS则与前端CSS相仿，因此我之前提到，具备前端基础知识会大大降低学习小程序开发的难度。

我将着手启动我的新项目——生活小助手项目，项目的整体架构展示如下：

效果图如下：

分为三大模块：

天气预报、

精选文章、

个人中心，

我已构建了整个项目的骨架，通过底部菜单进行切换，后续如有时间，我将逐步展开模块化的开发。制作小程序的底部菜单相当简便，只需在app.json文件中进行相应的配置即可。

在app.json文件中，json字段的作用类似于开发时.xml文件中注册的页面，每个新创建的page页面都需要在此处进行登记。

app.json文件中的json数据段，其作用类似于开发中的.xml文件，本质上是对界面样式的配置，包括窗口的颜色、状态栏的背景色以及全局标题等各项设置。

在app.json文件中，json字段用于配置底部菜单，其操作相较于开发过程更为简便快捷；今日内容仅作为入门介绍，关于更多基础内容，此处不再逐一详述。

我计划在业余时段着手打造一个个人专属的小程序，期待各位朋友关注我们的公众号，共同探讨学习，不胜感激！