账号及环境筹备
注册一个小程序账号，主体类型能够抉择集体。
搜索引擎搜寻“微信公众平台”，到微信公众平台官网进行注册微信小程序账号。
这里就不具体开展注册步骤了，很简略的，依据提醒操作就行，3 分钟就能注册好一个小程序账号。
留神：倡议应用全新的邮箱，没有注册过其余小程序或者公众号的邮箱。没有邮箱的话，先注册邮箱再回来注册小程序账号。
获取 APPID
因为小程序我的项目必填项，以及前期会调用微信小程序的云开发接口等性能，须要获取小程序的 APPID。所以在注册胜利后，可应用小程序账号登录至微信公众平台，而后获取 APPID。
点击【开发治理】-【开发设置】，复制 APPID。
下载并装置开发工具
在微信凋谢文档【开发】-【工具】-【下载】，依据本人的电脑系统，进行抉择开发工具版本，而后下载，并进行装置；
个别倡议选【稳定版】：
如果你的是 Windows64，则选【Windows64】；
如果你的是 Windows32，则选【Windows32】；
如果你的是 mac，则选【macOS】；
开发者工具，即为小程序的开发以及运行环境，帮忙开发者简略和高效地开发和调试微信小程序。
创立小程序
关上微信开发者工具，留神：第一次登录的时候，须要扫码登录。
新建小程序我的项目，点击小程序抉择增加。
填写我的项目信息：项目名称、目录、APPID。
留神：后端服务抉择“微信云开发”。
开发者工具
主界面
开发者工具主界面，从上到下，从左到右，别离为：菜单栏、工具栏、模拟器、目录树、编辑区、调试器 六大部分。
菜单栏
1）微信 web 开发者工具
2）我的项目
新建我的项目：疾速新建我的项目
关上最近：能够查看最近关上的我的项目列表，并抉择是否进入对应我的项目
查看所有我的项目：新窗口关上启动页的我的项目列表页
敞开以后我的项目：敞开以后我的项目，回到启动页的我的项目列表页
3）文件
新建文件
保留
保留所有
敞开文件
4）编辑
5）工具
6）界面
7）设置
工具栏
1）用户头像右侧是管制主界面模块显示 / 暗藏的按钮。至多须要有一个模块显示。
2）工具栏两头，能够抉择一般编译，也能够新建并抉择自定义条件进行编译和预览。
3）想要在手机上进行预览，那么先点击预览待生成二维码后，微信扫一扫即可进行拜访预览成果。
4）工具栏上提供了清缓存的疾速入口。能够便捷的革除工具上的文件缓存、数据缓存、还有后盾的受权数据，不便开发者调试。
5）工具栏右侧是开发辅助性能的区域，在这里能够上传代码、版本治理、查看我的项目详情。
模拟器
模拟器能够模仿小程序在微信客户端的体现。小程序的代码通过编译后能够在模拟器上间接运行。
开发者能够抉择不同的设施，也能够增加自定义设施来调试小程序在不同尺寸机型上的适配问题。
在模拟器底部的状态栏，能够直观地看到以后运行小程序的场景值，页面门路及页面参数。
根底库版本切换
开发者能够在此抉择任意根底库版本，用于开发和调试旧版本兼容问题。
控制台
1）Console 面板可查看打印输出或者报错信息。
2）Network 面板可查看申请资源。其中 cloud 查看云开发申请资源。
3）AppData 面板可查看页面数据。
初始化我的项目
创立小程序我的项目后，删掉多余文件。
在 app.json 批改相干配置项。
在 app.wxss 引入图标字体款式库等。@import "/style/icon.wxss";