• 1:首先先说第一个:Ctrl + s 因为我第一次写的时候,一直调试多没有效果,后面才知道没有按Ctrl+s 一定要记住 保存 2:Ctrl+Shift +[ 折叠打开代码块 3:Shift + Alt + f 代码格式化 ...

    1:首先先说第一个:Ctrl + s 因为我第一次写的时候,一直调试多没有效果,后面才知道没有按Ctrl+s 一定要记住  保存


    2:Ctrl+Shift +[ 折叠打开代码块


    3:Shift + Alt + f  代码格式化


    4:Alt + Up  ,Alt  + down  上下移动一行


    5:Ctrl +  Shift  +F 全局搜索


    6:Ctrl +End 光标移动到末尾


    7:Ctrl +Home  移动到开头



    展开全文
  • 那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在web开发者工具里,将我本人的微信号添加进去: 点击"绑定开发者账号": 输入待绑定的微信账号: 点击绑定,该微信号会收到一条消息,询问是否绑定:.....

    假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.

    假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:

    那么为了能够在微信开发者工具里调试,需要首先进入该公众号的后台,在web开发者工具里,将我本人的微信号添加进去:

    点击"绑定开发者账号":

    输入待绑定的微信账号:

    点击绑定,该微信号会收到一条消息,询问是否绑定:

    点击同意操作完成绑定.

    接下来,把要调试的web应用的url放到微信开发者工具地址栏里,回车之后,微信开发者工具就会弹出一个询问窗口,点击Allow之后,就可以在微信开发者工具提供的类似Chrome开发者工具调试器一样的界面里进行单步调试了.

    这个粘贴到地址栏的url很有讲究。

    https://open.weixin.qq.com/connect/oauth2/authorize?appid=yyyy&redirect_uri=https%3a%2f%2fwww.xxx.com%2fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect
    其中appid=后面的值,是从微信公众号控制台里拷贝出来的appid:

    redirect_uri, 即为我们开发的web应用,部署到服务器之后生成的url,需要经过url encode处理:https://www.xxx.com/smart

    这个url准备好之后,将其粘贴到微信开发者工具地址栏里,回车,即可看到一个对话窗口,要求获得我们公开信息的许可:

    点击Allow之后,就可以像使用Chrome开发者工具的调试器一样,在微信开发者工具里进行单步调试了:

    要获取更多Jerry的原创文章,请关注公众号"汪子熙":

    展开全文
  • 确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。 1、打开Git Bash 克隆小程序项目。克隆完成后。 2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。...

    主手自己用的是Win7 64位的电脑。
    确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。
    在Windows系统下已安装GIT 和 TortoiseGIT安装。

    在这里插入图片描述
    1、打开Git Bash 克隆小程序项目。克隆完成后。
    2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。
    3、点击“运行—运行小程序模拟器-微信开发者工具”,等待小程序项目打开。
    4、小程序项目打开后,栏位“编辑器”背景色为绿色。单击“编辑器”去掉绿色。

    可以开始在微信开发者工具进行测试了。
    在这里插入图片描述

    展开全文
  • 打开微信开发者工具 创建第一个小程序 步骤: 打开微信开发者工具 使用微信扫码登录 点击小程序-创建小程序 项目名 项目路径 appid 不使用云服务器 语言: javascript...

     打开微信开发者工具 创建第一个小程序

    • 步骤:

      • 打开微信开发者工具

      • 使用微信扫码登录

      • 点击小程序-创建小程序

        • 项目名

        • 项目路径

        • appid

        • 不使用云服务器

        • 语言: javascript

     截图如下:

     

    微信开发者开发工具的组成

    • 菜单栏

    • 工具栏

      • 预览

        • 描述二维码

        • 自动预览

      • 切后台

    • 模拟器

    • 编译器

    • 调试器

     目录结构:

        

     

    1.项目结构

    • 对比:

      • web页面:

        • 技术栈:

          • html

            • 从语义化的角度来描述页面结构

          • css

            • 从审美的角度来美化页面

          • js

            • 从交互的角度来提升用户体验

      • 小程序页面

        • 技术栈:

          • wxml

            • 描述微信页面的结构

          • wxss

            • 描述微信页面的样式

          • js

            • 书写微信的逻辑代码

          • json

            • 配置页面的相关信息

    • 组成

      • pages:管理当前小程序中所有的页面

        • index

          • index.wml

          • index.js

            • 注意点:

              • 所有的代码都是写在

                Page({
                 
                })
          • index.wxss

          • index.json

            • 注意点:

              • 如果没有内容,必须添加一个空对象

      • app.json:注册小程序中的页面

    • 小技巧
      • 快速创建一个页面

        • 在 app.json 中的 pages 下添加一个路径,直接保存,可以自动生成对应的页面

      • 设置项目的默认首页

        • 在 app.json 中的 pages 将路径移到第一个元素中










    转载于:https://www.cnblogs.com/KoBe-bk/p/11423765.html

    展开全文
  • 最近在做企业微信开发,碰到一个很蛋疼的问题,企业微信后台怎么设置,在微信开发者工具上始终提示“未绑定企业号开发者”,百度了一圈也没找到解决的答案,最后问企业微信客服才解决,在此再次感谢为我解答问题的小...

      最近在做企业微信开发,碰到一个很蛋疼的问题,企业微信后台怎么设置,在微信开发者工具上始终提示“未绑定企业号开发者”,百度了一圈也没找到解决的答案,最后问企业微信客服才解决,在此再次感谢为我解答问题的小姐姐(哥哥),耐心的为我一步步分析问题,经过一个小时的不懈努力,终于搞定。问题描述以及相关解决方案看图:  

      但是,按照客服说的三条我都做了,没问题啊,郁闷~~~~

      最后客服问我,"对方是否登录管理后台去勾选开发者工具呢", 于是,灵光一闪,对奥,难道是?赶快用另一个微信号登录一看,果然没有勾选,再然后,自己去实验吧。

     

    转载于:https://www.cnblogs.com/learnmo/p/9580318.html

    展开全文
  • 解决微信开发者工具报错:当前开发者未绑定此AppID,请到小程序后台操作重试 首先小程序要绑定到一个服务号或者公众号,然后用该服务号或公众号登录微信公众平台,[在公众平台的 开发–基本配置可以查到开发者ID...
  • 利用微信开发者工具获取小程序指定页面路径! 文章来源:企鹅号 - 程鹏亮 小程序不同于app,小程序的每个页面都有页面路径。在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径。比如微信图文中的小...
  • 微信开发者工具(一) 一、微信开发者工具基本信息 1.1 微信开发者工具的下载 ​ 直接打开下面网址进行下载: ​ https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 1.2 下载以后登录 1.3 ...
  • 上一篇文章中https://blog.csdn.net/u014650759/article/details/90701866,我们已经安装好了微信开发者工具,并导入了一个Demo项目,这篇文章,将就开发者工具进行简单的介绍,方便你开发实用编译器,更好的开发小...
  • 1.微信开发者工具自行到网上下载即可 2.打开微信开发者工具,如图所示: 点击创建后,如下图所示:
  • 微信团队发布了微信小程序开发者工具微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。启动工具时,开发者需要使用...
  • 1、点击微信开发者工具,击右键, 选择“属性”,打开面板之后,选择“快捷方式” => “目标” 2、在目标那一行的最后,输入“空格--...4、重启微信开发者工具即可 “空格--disable-web-security --u...
  • 这个是在微信开发者工具上返回的请求信息 微笑(表情),我当时心里真的硬是XXX了. 后来我才知道,发送请求不能直接域名发送请求!必须要用本地地址发送才行. 比如 http://192.168.1.241/user/listUsers这样才行. 而ht.....
  • 微信开发者工具很好的集成了java的开发环境,是java初学者很好的练手软件。准备条件:注册微信小程序开发者账号,需要用到微信账号。 网址:https:...
  • 今天在调试一个微信公众号的项目,用微信开发者工具做调试。有一个页面我一点击刷新,后台就会断点两次。有什么重定向的地方我不知道么?于是去掉微信浏览器的限制,直接将地址拷贝到chrome里面,不会重复请求。然后...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序...
  • 开发者工具下载安装 我们把开发者工具下载安装好后 (1)打开扫码登入开发者工具 出现以下页面,点击加号创建项目 填入我们在登入微信公众平台刚刚申请到的小程序的 AppID 如果不填appid创建的项目有些功能会无法...
  • 微信开发者工具 项目目录结构 目录结构 |---主目录(项目描述文件) | |---app.js 主逻辑文件 | |---app.json 主配置文件 | |---app.wxss 主样式表 |---子目录(页面描述文件) | |---index.js 分支页面逻辑文件 | |...
  • 1.说明:前端使用微信开发者工具后台用ideal,后台框架为springboot+mybatisplus 本文主要内容是实现从数据库查询数据库显示在页面上的整个流程 后台不会搭建的可以点击下面的链接看下另一篇博客: 链接 2.数据库表...
  • 微信小程序中,如果前后端分离开发的话,是需要通过接口来进行交互的, 因此在联系不到后台的情况下,写前端的我们应当如何测试自己的页面呢?方法如下: 微信小程序前端与后台交互的时候使用的是request请求,...
1 2 3 4 5 ... 20
收藏数 18,414
精华内容 7,365