微信小程序(管理人员)搭建环境的过程

一、开发环境

1.微信开发者工具

下载网址:
https://developers.weixin.qq....

微信小程序(管理人员)搭建环境的过程_第1张图片

2. nodejs -> v12.14.0, npm -> 6.13.4

3. webstorm

4. webstorm 插件:wechat mini program support

打开webstorm软件 → 文件 → 设置 → 插件 → 搜索 → 安装:
微信小程序(管理人员)搭建环境的过程_第2张图片

微信小程序(管理人员)搭建环境的过程_第3张图片

5. webstorm 插件:wechat weapp support

(同4搜索插件并安装)

二、开发步骤

1. 运行微信开发者工具,扫码登录。

image.png微信小程序(管理人员)搭建环境的过程_第4张图片

2.1 如果自己有微信公众号,并申请了开发者权限,可以选择相应的公众号。

2.2 如果没有,参照以下步骤申请微信公众测试号。

(1)打开如下地址,微信扫码,申请小程序测试号
https://mp.weixin.qq.com/wxam...

(2)登录测试号,进入微信公众平台首页(https://mp.weixin.qq.com/),扫码登录:
微信小程序(管理人员)搭建环境的过程_第5张图片

扫码登录后,手机端选择小程序测试号:
微信小程序(管理人员)搭建环境的过程_第6张图片

网页端登录成功,显示AppID(稍后会用):
微信小程序(管理人员)搭建环境的过程_第7张图片

3. 在开发者工具中,选择导入。选择当前项目文件夹,并打开。

微信小程序(管理人员)搭建环境的过程_第8张图片

微信小程序(管理人员)搭建环境的过程_第9张图片

将2.2中得到的AppID复制粘贴如下:
微信小程序(管理人员)搭建环境的过程_第10张图片

确定后,得到如下界面:
微信小程序(管理人员)搭建环境的过程_第11张图片

4.webstorm打开项目文件夹

5.执行npm install安装依赖

6.执行node yunzhi.js开启监听

7.正式按官方文档开发

你可能感兴趣的:(微信小程序)