1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台,找到右下方的小程序模块,点击「开发」按钮;2、点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」。可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac  三个版本。可根据实际情况,选择适合自己电脑的开发工具。3、安装后,就可以直接启动开发者工具。如果是首次启动开发者工具,需要使用开发者的微信号扫码登录。登陆后,点击「添加项目」按钮,填写  AppID(如果没有,则点击无  AppID)和项目名称。接着,在项目目录中点击「选择」,新建一个文件夹作为新的项目目录。然后再次点击「添加项目」,就可以新建出一个微信小程序项目了。4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。编辑:编辑和修改小程序的代码。调试:显示小程序代码错误和警告,便于调试代码错误。项目:用于查看小程序的属性、修改小程序配置,以及提交小程序代码至微信服务器。开发工具还提供简单的模拟器(页面左侧),开发者可以使用模拟器在电脑上模拟用户点击及使用,提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白,可以登录微信小程序制作平台「即速应用」官方网站进行小程序的制作。里面有大量的小程序模板,根据自己的需求选择一个模板进行制作即可。6、制作完成后,点击「生成」按钮。然后选择「小程序打包」,下载小程序的标准代码包。7、回到在微信Web开发工具中,在「项目目录」这一栏选择下载好的代码包,打开后就可以看到小程序的预览效果了。8、在「项目」页面中,开发者可以查看小程序的基本属性,也可以进行真机预览调试,或向微信服务器提交一个新版本的小程序代码。服务器收到代码后,管理员就可以通过公众平台,将新版本提交审核了。以上就是微信小程序开发工具的具体使用方法。磨刀不误砍材工,只有认真了解过微信小程序开发工具如何使用,才能才微信小程序推出的关键时期抓住机会,尽快进入市场,拿下小程序的第一波红利。

微信小程序代码怎么用工具打开看相关推荐

  1. 小程序 | 微信小程序中使用位置API打开地图

    小程序 | 微信小程序中使用位置API打开地图 一.效果展示 二.代码实现 使用微信内置地图查看位置,调用wx.openLocationAPI,具体内容可以查看微信官方文档. // js let In ...

  2. HTML我帮您打造微信小程序web可视化开发者工具

    HTML我帮您WEBAPP在线可视化开发工具是一款在线可视化网站在线设计软件,无须专业知识,通过鼠标拖拽,所见即所得,快速完成手机网页设计和微信场景应用.HTML5轻应用设计:在线DIY产品宣传册.婚 ...

  3. 区分微信小程序版本(开发工具中、开发版、体验版、正式版)的方法?

    平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...

  4. 微信小程序怎么改变默认的打开页面?

    刚开始接触微信小程序,本来想要打开一个新页面而不是用原来的 这个页面,每次编译之后怎么才能让默认打开的页面不是这个页面而是我指定的页面呢? 就去找到app.json 把想指定的页面放到第一个,那么默认 ...

  5. 微信小程序(BDEDU签到工具)项目总结

    本篇博客用于记录微信小程序(BDEDU签到工具)的开发过程 微信小程序的开发入门 1. 申请微信小程序 申请小程序,无非是去微信公众平台选择申请小程序,然后填写一些相关信息即可. 2. 部署开发环境 ...

  6. [小工具] 微信小程序代码压缩器

    这是一个很短时间开发的小工具,没有什么技术含量,就是为了使用方便而已,有需要的可以直接拿走:https://github.com/nbagonet/w... 当你的微信小程序编译包大小超过 1024k ...

  7. 微信开发者工具代码仓的管理以及错误:Push failed Error: invalid authentication scheme 的解决办法,微信小程序代码仓项目删除

    文章目录 1.新建代码仓 2.报错:Push failed Error: invalid authentication scheme 的解决办法 3.代码仓项目的删除 1.新建代码仓 如果你的代码已经 ...

  8. 【工具】推荐一款切图神器,设计稿一键导出 Vue/微信小程序 代码

    2021 年过一半了,各位切图还开心吗? 最近我遇到这个事情: emmm,这位产品小兄弟,说好只加 3 个页面,最后硬是让产品加了 6 个页面,差点凑齐七个小矮人了,后面的 UI 稿就像这样(考虑到公 ...

  9. 微信小程序和uniapp开发工具

    微信开发者工具和文档操作 1. 安装扩展 复制vscode扩展(路径C:\Users\用户名.vscode\extensions)到微信开发者工具的扩展目录(点击工具栏,编辑->打开编辑器扩展目 ...

最新文章

  1. C# List Sort
  2. Python错误“ImportError: No module named MySQLdb”解决方法
  3. 夏普深陷亏损 郭台铭何以执著寻求“联姻”?
  4. 产品经理日常表情包大全,多说是泪拿走不谢!
  5. securecrt 连接配置存放目录_SecureCRT 迁移到新环境,导出配置文件目录 转(示例代码)...
  6. HDU - 4612 Warm up(边双缩点+树的直径)
  7. 你好,面试官 | 你觉得MySQL自增主键连续吗?
  8. 2017的中国开放_2017年开放科学如何发展
  9. objective-c 类别
  10. 转载 WHO OWNS THE MOST SERVERS ?
  11. 1053. 住房空置率 (20)-PAT乙级真题
  12. oracle时间差转换成小时分钟,oracle 时间差 具体到天:小时:分
  13. linux切分文件指定行_vim技巧:在不同文件buffer间切换,在多窗口跳转和改变窗口大小...
  14. .NET性能系列文章二:Newtonsoft.Json vs System.Text.Json
  15. 博世如何通过创新加速成功孵化出人工智能养虾初创公司?
  16. 计算机专业科研特长怎么写,毕业登记表特长怎么写(计算机专业)
  17. Python-nan,NaN,NAN
  18. Google guava之Table简介说明
  19. 墙裂推荐的工具软件及插件神器
  20. Android手势操作

热门文章

  1. 51单片机矩阵键盘C程序
  2. 离散数学及其应用课程复习Kenneth H.Rosen
  3. Java高级开发工程师面试题汇总
  4. 十个好用的iOS开发辅助工具与资源
  5. html更改地图放大缩小图标,百度地图之添加控件——比例尺、缩略图、平移缩放...
  6. Echarts地图针对特定区域进行放大的操作方案
  7. 【qttabbar】常用设置分享
  8. qq更换头像php简单,Typecho将评论头像修改为QQ头像
  9. #每天一篇论文#238/365 基于注意力的上下文聚合网络用于单目视觉深度估计
  10. 信鸽邮件营销专家好用吗?