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

一、开发环境
1.微信开发者工具
下载网址:
https://developers.weixin.qq....
微信小程序(管理人员)搭环境的过程_第1张图片

  1. nodejs -> v12.14.0, npm -> 6.13.4
  2. webstorm
  3. webstorm 插件:wechat mini program support
    打开webstorm软件 -> 文件 -> 设置 -> 插件 -> 搜索 -> 安装:
    微信小程序(管理人员)搭环境的过程_第2张图片

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

  1. webstorm 插件:wechat weapp support
    (同4搜索插件并安装)

二、 开发步骤

  1. 运行微信开发者工具,扫码登录。
    图片.png -> 微信小程序(管理人员)搭环境的过程_第4张图片
    1.1 如果自己有微信公众号,并申请了开发者权限,可以选择相应的公众号。
    1.2 如果没有,参照以下步骤申请微信公众测试号。
    (1)打开如下地址,微信扫码,申请小程序测试号
    https://mp.weixin.qq.com/wxam...
    (2)登录测试号,进入微信公众平台首页(https://mp.weixin.qq.com/),扫码登录:
    微信小程序(管理人员)搭环境的过程_第5张图片
    扫码登录后,手机端选择小程序测试号:
    微信小程序(管理人员)搭环境的过程_第6张图片
    网页端登录成功,显示AppID(稍后会用):
    微信小程序(管理人员)搭环境的过程_第7张图片
  2. 在开发者工具中,选择导入。选择当前项目文件夹,并打开。
    微信小程序(管理人员)搭环境的过程_第8张图片

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

将1.2中得到的AppID复制粘贴如下:
微信小程序(管理人员)搭环境的过程_第10张图片
确定后,得到如下界面:
微信小程序(管理人员)搭环境的过程_第11张图片
3.webstorm打开项目文件夹
4.执行npm install安装依赖
5.执行node yunzhi.js开启监听
6.正式按官方文档开发

你可能感兴趣的:(node.jsnpm)