前言

也是自己偶然间写个微信小程序，发现其实还挺好玩的。可能也有是第一次的xdm.希望分享这个步骤流程对你有用。

开发前准备

工欲善其事，必先利其器。要开发之前，最好是先能熟悉下微信小程序的开发规则，比如标签、组件、还有原生的一些api作用等等。。

微信扫一扫登录

选择小程序, 点击屏幕加号就可以新建

创建小程序需要一个APPID,测试号方便也可以写代码，但是不能上传。

获取APPID需要用邮箱注册，不一定要QQ邮箱哈。点击上图的注册链接，会跳转。。按照这个申请就可以了

等你申请完了，你就可以在微信公众平台扫码登录了。然后再下面的路径找到自己小程序的专属APPID

创建完成之后你就可以看到初始化的一个项目

微信小程序的初始化脚手架目录结构通常包括以下文件和文件夹：

app.js：小程序的全局逻辑文件，用于处理小程序的生命周期函数、全局数据和方法等。
app.json：小程序的全局配置文件，包括页面路径、窗口样式、底部菜单等配置信息。
app.wxss：小程序的全局样式文件，用于定义整个小程序的公共样式。
pages文件夹：存放小程序的页面文件，每个页面通常由四个文件组成：
- 页面名称.js：页面的逻辑文件，用于处理页面的数据和方法。
- 页面名称.json：页面的配置文件，包括页面标题、导航栏样式、背景色等配置信息。
- 页面名称.wxml：页面的结构文件，用于描述页面的结构和布局。
- 页面名称.wxss：页面的样式文件，用于定义页面的样式。
utils文件夹：存放小程序的工具文件，包括封装的函数、网络请求等工具。
images文件夹：存放小程序使用的图片资源。
components文件夹：存放小程序的自定义组件，每个组件通常由四个文件组成，类似于页面的文件结构。
wxs文件夹：存放小程序的WXS脚本文件，用于实现一些简单的逻辑功能。
project.config.json：小程序项目的配置文件，包括项目名称、AppID等配置信息。

这个就看你写什么内容了，开发者工具支持热重载。在界面上左边有效果试图，右边是编写代码区域以及控制台调试区域。当然可以通过左上开关自定义关闭开启

你的程序编写完毕之后，可以看到右上方有个上传，你编写一下版本号和描述就可以编译上传到你自己的管理后台了

还是去到微信公众平台，找到下面路径。你就会发现你的小程序在这里了。后面有个发布审核按钮，按照他的流程走就可以了。要填写一些基本信息，有些东西要提前准备，比如你的小程序的应用图标之类。再说下这个小程序的类目一定要好好选，不可以改的哦，跟APPID关联，不是跟小程序项目关联。

总的来说，第一次尝试实现一个小程序，还是蛮开心的。虽然没有包含后端服务，也没有正式发布只是部署成体验版本。后面呢准备看下这个云服务实现还有小游戏开发。希望读到这篇文章的你，这时候也是在不断探索、不断成长的路上，加油！！