一、注册流程

1、注册小程序账号登录微信公众平台 https://mp.weixin.qq/，点击【立即注册】

2、选择【小程序】选项卡

3、使用已有邮箱进行注册，填写以下信息：

4、登录邮箱，进行账号激活

1、账号激活后，进行信息登记，以政府类型为例，填写主体信息以及管理员信息：

2、相关信息填写完成后，提交审核，预计1~3个工作日内完成审核；
3、审核通过后，使用管理员微信账号扫码登录，选择该邮箱下的小程序，进入小程序管理后台，可填写小程序名称、简介、头像等相关信息：

二、开发设置

进入【开发管理】->【开发设置】->【服务器域名】模块，进行服务器域名配置：

三、安装微信开发者工具

https://developers.weixin.qq/miniprogram/dev/devtools/download.html

四、创建项目

在上述准备工作完成以后，就可以开始创建小程序项目了。
打开微信开发者工具，选择【项目】->【新建项目】，填写AppID。

AppID从【开发管理】->【开发设置】->【开发者ID】中查看

进入小程序开发界面如下：

打开【视图】->【终端】，进入小程序所在目录，执行npm init，生成package文件：

五、使用weui组件库

1、执行npm install weui-miniprogram --save安装weui组件库；
2、点击【工具】-> 【构建npm】，并勾选【使用npm模块】选项，构建完成后会生成一个miniprogram_npm文件夹，接下来就可以按照API来使用组件。
3、app.wxss文件中引入weui.wxss

@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

4、以搜索框使用为例：
.wxml中

<mp-searchbar bindselectresult="selectResult" search="{{search}}"></mp-searchbar>

.json中

{
  "usingComponents": {
    "mp-searchbar": "../../miniprogram_npm/weui-miniprogram/searchbar/searchbar"
  }
}

最终界面展示效果：

六、代码上传

开发完成后，点击上传按钮

七、版本管理

代码上传成功后，进入小程序后台的版本管理模块，可将开发版本设为体验版，进行提交审核，审核通过后，即可提交线上版本。

八、小程序码

线上版本发布成功后，点击【工具】->【生成小程序码】，填写小程序APPID和页面路径，可生成小程序码：



最终可在【设置】->【基本设置】中查看小程序相关信息：

九、附录

1、小程序体验版与正式版的区别

小程序体验版是并未上线向公众开放的版本，只是给被授权的开发人员看的，并且支持调试模式。当未授权账号查看小程序时，会收到体验成员申请通知，通过后方可查看小程序。
小程序正式版面向公众开放，不支持调试模式。
通过小程序体验版确认小程序无误后提交代码审核，通过后需要开发者手动点击发布，小程序才会发布，成为上线小程序，并面向公众用户提供服务。

2、相关链接

1、微信公众平台：https://mp.weixin.qq/
2、小程序API: https://developers.weixin.qq/miniprogram/dev/api/
3、weui组件库: https://developers.weixin.qq/miniprogram/dev/extended/weui/quickstart.html
4、Vant Weapp组件库（和weui任选一个即可）：https://vant-contrib.gitee.io/vant-weapp/#/home