要做什么样的程序开发，首先要找到官方文档，先看看有什么样的官方文档。
微信小程序开发文档的链接为https://MP.weixin.QQ.com/debug/wxa doc/dev/index.html，如下图所示。
这里是微信小程序开发的所有官方文档。
既然知道了文档的位置，接下来我将介绍如何开发微信小程序。
第一步：下载并安装微信小程序开发者工具，下载路径：
3359 MP.weixin.QQ.com/debug/wxa doc/dev/dev tools/download.html
进入下载界面后，根据自己的操作系统选择相应的链接下载，下载完成后安装。
第2步(登录工具开发人员工具安装完成后，我们可以打开它。 首先需要使用微信扫码登录才能打开。 进入下图，用手机微信扫描后确认登录即可。
步骤3 :创建项目并成功登录后，第一次使用该工具时，将显示用于创建项目的窗口，如下图所示。
在创建过程中，如果选定的本地文件夹为空文件夹，则会出现“在当前目录中创建quick start项目”复选框。 选中此项可帮助初学者了解微信小程序的基本代码结构。 选中后，开发人员工具将有助于在开发目录中创建简单的demo。 下图：
步骤4 :项目代码结构说明
单击“开发人员”工具左侧导航中的“编辑”，可以看到项目已初始化，并且包含简单的代码文件。 关键是必不可少，app.js、app.json、app.wxss三者都是关键。 其中， js的后缀是脚本文件， json的后缀是配置文件， wxss的后缀是样式表文件。 微信小程序读取这些文件，并生成小程序的实例。
在这里，我们将简单了解这三个文件的功能，以便于修改和从头开始开发自己的微信小程序。
1、app.js是小程序的脚本代码。 您可以在此文件中接收和处理applet的生命周期函数，并声明全局变量。 调用框架提供的丰富的API。 例如，此示例中的同步存储和本地数据的同步读取。
2、app.json是整个小程序的全局部署。 您可以设置此文件由哪些页面组成，设置小程序的窗口背景颜色，设置导航栏的样式，以及设置默认标题。 请勿在此文件中添加注释。
3、app.wxss是整个小程序的通用样式表。 在app.wxss中声明的样式规则可以直接在页面组件的class属性中使用。
请注意，实例程序的代码包含两个文件夹： pages和utils。 其中utils是包含通用工具类方法的文件夹，pages是存储所有页面的文件夹。 让我们把重点放在这个pages上。
步骤5 :配置小部件页面文件在本例中有两个页面：索引页面和logs页面。 也就是说，在欢迎页面和小部件启动日志的展示页面上，他们在pages目录下。 微信小程序每页的【路径页面名称】必须写在app.json的pages上，pages的第一页是小程序的首页。
每个applet页面由四个不同的后缀文件组成，它们在同一路径下具有相同的名称，例如index.js、index.wxml、index.wxss和index.json。 js后缀文件是脚本文件， json后缀文件是配置文件， wxss后缀文件是样式表文件， wxml后缀文件是页面结构文件。
index.wxml 是页面的结构文件：
！ - index.wxml-- view class=' container ' viewbindtap=' bindviewtap ' class=' userinfo ' imageclass=' userinfo-avi STAP imagetextclass=' userinfo-nickname ' { userinfo.nickname }/text/viewviewclass }
index.js是页面的脚本文件，可以接收和处理页面的生命周期函数，获取applet的实例，声明和处理数据，以及响应页面交互事件。
//index.js//APP应用实例var app=getApp () page ) ) data: ) motto:'helloworld '，userinfo: ) }，/事件
nction () { console.log('onLoad') var that = this //调用应用实例的方法获取全局数据 app.getUserInfo(function(userInfo){ //更新数据 that.setData({ userInfo:userInfo }) }) }})index.wxss 是页面的样式表：
/**index.wxss**/.userinfo { display: flex; flex-direction: column; align-items: center;}.userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;}.userinfo-nickname { color: #aaa;}.usermotto { margin-top: 200px;}页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。
index.json 是页面的配置文件：
页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。
logs 的页面结构
<!--logs.wxml--><view class="container log-list"> <block wx:for-items="{{logs}}" wx:for-item="log"> <text class="log-item">{{index + 1}}. {{log}}</text> </block></view>logs 页面使用 控制标签来组织代码，在 上使用 wx:for-items 绑定 logs 数据，并将 logs 数据循环展开节点
//logs.jsvar util = require('../../utils/util.js')Page({ data: { logs: [] }, onLoad: function () { this.setData({ logs: (wx.getStorageSync('logs') || []).map(function (log) { return util.formatTime(new Date(log)) }) }) }})运行结果如下：
开发者工具左侧菜单栏选择"项目"，点击"预览"，扫码后即可在微信客户端中体验。
以上是微信小程序前端开发的基本流程，而实际上要做一个内容可以更新的小程序，单有前端开发是远远不够的，还需要后台开发。后台开发与web开发的后台基本无异，可以选择用java、php、nodejs等任一语言，有一点需要注意的是小程序后台服务器必须是https协议的，这就要求必须购买云服务器并将后台服务器设置成https服务。