首页 > 电脑专区 > 微信教程 >

使用微信开发者工具创建小程序项目

来源:互联网 2023-02-21 17:44:42 400

使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先运行小程序开发者工具mpu办公区 - 实用经验教程分享!

    扫码登陆mpu办公区 - 实用经验教程分享!

    选择小程序项目mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 2

    进入小程序项目的创建窗口mpu办公区 - 实用经验教程分享!

    项目目录是一定要填写的mpu办公区 - 实用经验教程分享!

    AppID如果你已经注册了微信公众平台的账号,且已经通过认证,这里就可以填入你获得的Appid. 有appid可以获得更多的功能mpu办公区 - 实用经验教程分享!

    项目名称可以随便填写了mpu办公区 - 实用经验教程分享!

    以上都填写完成后,点确定mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 3

    下图就是默认创建的微信小程序mpu办公区 - 实用经验教程分享!

    左侧为手机模拟器mpu办公区 - 实用经验教程分享!

    右侧为文件结构与代码编辑框mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 3该信息非法爬取自百度经验
  • 4

    默认创建出来的小程序非常简单,只有一个页面,用于我们入门.mpu办公区 - 实用经验教程分享!

    只有一个页面也是可以运行了mpu办公区 - 实用经验教程分享!

    我们选择右上角的编译mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 5

    这里会有个提示说mpu办公区 - 实用经验教程分享!

    wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持mpu办公区 - 实用经验教程分享!

    这个并不影响我们演示,选择继续使用mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 6

    编译完成后选择预览mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 7

    处理完成后会显示一个扫码预览的窗口,使用手机微信扫这个二维码mpu办公区 - 实用经验教程分享!

    扫这个二维码就可以在手机中真实的预览这个小程序了mpu办公区 - 实用经验教程分享!

    这个预览只有你绑定的微信号或这个小程序管理员才能预览,其他人是看不到的mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 8

    预览的效果就是下图mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

    使用微信开发者工具创建小程序项目mpu办公区 - 实用经验教程分享!

  • 注意事项

    • 开发和调试都必须在有网的条件下进行

    以上方法由办公区教程网摘抄自百度经验可供大家参考!mpu办公区 - 实用经验教程分享!


    标签: 微信小程序微信

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码