大家好，我是小佑@小佐：https://blog.csdn.net/Smell_rookie，是一名页面仔工程师，我会不定时在CSDN更新我的博客，有兴趣的可以点个关注来逛逛我的主页。
第一步：
注册一个邮箱账号备用。在微信公众平台上点立即注册，选择小程序填好刚才注册的邮箱和其他信息。
点注册，然后去邮箱验证激活，之后信息登记，输入提示的内容。完成后登录在微信公众平台上扫码登录。
手机上选择刚才注册的邮箱账号的小程序登录。我的是这个：
进来后你可以对小程序的一些信息就行补充：我这里已经填写完了。
接下来你需要在设置里面的开发设置中获取你的小程序appid
这个AppID复制下来备用。
第二步：
打开微信开发者工具
点击第一个框添加一个小程序—新建项目的信息：
填好后点击新建。进来后这个小程序就长这样了：
我们打开app.json看一下：
pages就是小程序的所有页面的配置路径，它的顺序就是你打开小程序优先展示哪个页面，这里默认就是首页（index）。
window就是配置全部页面的参数。关于window的所有配置可以参考文档window配置
当然你想有多个tab标签页面也是可以的，在app.json中配置tabBar对象：
页面就会变成这样了
另外还可以配置文字选中与不选中的颜色：
注：颜色值仅支持16进制。
借着我们新建一个页面test，在pages文件下新建一个test文件夹
再在其下新建test的Page
输入test后按下tab键：
此时就有test的文件页面了：
test.js是用来写js代码的，比如事件、方法、数据处理等等。
test.json是这个页面的配置，可以配置这个页面的标题，引入的组件、顶部标题栏颜色等等。
test.wxml就是页面的类似于html代码了。
test.wxss是页面的样式css.
然后去app.json页面看看有没test的路径，没有的自己加上去：
此时就有可以在页面上敲你想要的代码了。
第三步：
页面的样式可以引入组件框架，帮助我们少写一些样式和wxml代码。引入样式可以参考我之前写的小程序接入vant Weapp组件的详细步骤
第四步：
当所有代码都写好之后，就可以去发布体验版和线上版了。前提是文件的总大小不能超出1024Kb*2的大小：
之后我们就可以写点击上传：
填写版本号和项目备注：
然后点击上传，然后去到微信公众号平台的"版本管理"里看到：
将刚刚上传的代码设为体验版本：
然后点提交审核，要是之前没有完善小程序信息的话会提示：
按照提示去完善信息就行了。当提交审核之后这里就会有提交的记录了，接下来就静静等待微信审核通过发布你的小程序了。
发布后倘若你的小程序使用了服务（自己的服务器或第三方的服务）都需要在微信公众平台配置使用的域名信息。
以下是我开发的个人的计算器小程序，可以扫码了解以下：
转载：https://blog.csdn.net/Smell_rookie/article/details/109354434