• 在头像后边有三个按钮: ...编译模式:普通编译和自定义编译条件 预览:在真机预览 远程调试:真机的远程调试功能,会通过我们的网络连接对我们手机运行的小程序进行一个调试 切后台:切后台按钮会帮助我们快速的切...

    这里写图片描述
    个人中心:点击头像显示的是个人中心面板,展示的是小程序版本以及系统版本更新之后的一个推送消息,也方便我们去切换我们的小程序账号
    在头像后边有三个按钮:
    模拟器,编辑器和调试器:点击来显示或隐藏相应的模块
    编译模式:普通编译和自定义编译条件
    预览:在真机预览
    远程调试:真机的远程调试功能,会通过我们的网络连接对我们手机运行的小程序进行一个调试
    切后台:切后台按钮会帮助我们快速的切到不同的场景值,通过这个场景值可以帮助我们去个性化一些我们的功能需求
    清缓存:我们可以清楚我们开发者工具和我们调试设备的一个数据缓存,文件缓存,授权缓存,网络缓存和我们的登录状态
    上传,测试,腾讯云,详情
    上传会帮助我们把本次的小程序代码上传到我们的管理后台,会默认的设置为我们的开发版本
    小程序都有哪些版本?
    这里写图片描述
    预览版本:在手机上预览在我们手机上是一个怎样的表现
    开发版本:通过上传之后把我们的本地代码。上传成一个具有版本号的小程序的应用,那么应用开发者权限的成员可以通过小程序开发助手来看到我们的开发版本
    体验版本:就是我们在小程序管理后台可以直接将我们的开发版本切换成我们的体验版本,具有体验权限的成员就可以看到体验版本
    如果我们要将我们的开发版本上线成一个线上版本的话,我们需要先去提交审核,提交审核之后,我们的小程序就称为了一个审核版本的小程序,那么微信通过我们的审核之后,我们的小程序就正式的发布上线了。

    测试按钮:测试按钮我们可以通过每24小时生成一个测试报告。微信会给我们随机的分配4到8种的机型测试我们的小程序页面的一个首屏加载时间,CPU占比等这些指数
    腾讯云:第三方平台,可以快速的帮助我们构建一个小程序的开发环境和线上环境
    点击详情,会弹出一个详情的面板,可以通过一些项目的设置,还可以看到我们一些域名信息,腾讯云的状态
    项目设置:可以设置调试的一个基础库版本,
    可以设置编译的配置:Es6转ES5等等

    调试模块:
    主要分为七个模块
    这里写图片描述
    console: 打印小程序页面的调试log信息
    sources:会列出微信小程序页面的所有脚本文件
    Network:展示网络请求的状态信息
    Stroge:在小程序里面通过调用wx.setStroge和wx.setStrogeSycc函数设置我们的缓存的时候,在这里可以动态的修改这些缓存数据
    APPData: 是微信小程序页面上真实展示的一个数据,可以在这里动态的修改,来查看我们小程序页面在模拟器上不同设备的一个兼容性的情况
    wxml 页面:展示了微信小程序页面 的各个组件元素以及我们可以通过对这些组件元素。对它进行一个样式属性的修改
    sensor:只要是我们的一个地址位置信息和一个设备旋转角度的一个展示,在这里我们可以动态的去修改我们的地理位置信息来模拟我们小程序在不同地理位置下的一个表现,在设备旋转角度这里,我们可以设置旋转角度的参数来查看它的一个设备的旋转角度,可以看到各个坐标轴的变化

    OK,这就是对开发者工具详解。

    展开全文
  • 2、打开微信开发者工具客户端 --- 版本管理 --- 初始化Git仓库 -- 默认初始化就可以 3、点击 --- 设置 -- 网络和认证 -- 填入码云的账号和密码 4、点击 --- 设置 -- 远程 -- 添加 5、点击...

    一、怎么上传代码到码云仓库

    1、新建一个空的代码库,并复制一下HTTPS链接

     

    使用微信开发者工具开发将小程序代码托管到码云上


    2、打开微信开发者工具客户端 --- 版本管理 --- 初始化Git仓库 -- 默认初始化就可以

     

    使用微信开发者工具开发将小程序代码托管到码云上

     

    使用微信开发者工具开发将小程序代码托管到码云上


    3、点击 --- 设置 -- 网络和认证 -- 填入码云的账号和密码

     

    使用微信开发者工具开发将小程序代码托管到码云上


    4、点击 --- 设置 -- 远程 -- 添加

     

    使用微信开发者工具开发将小程序代码托管到码云上

     

    使用微信开发者工具开发将小程序代码托管到码云上


    5、点击抓取

     

    使用微信开发者工具开发将小程序代码托管到码云上


    6、点击重置到上一个版本

     

    使用微信开发者工具开发将小程序代码托管到码云上


    7、重置到上一个版本后,工作区会显示需要提交的文件,填入相应信息点击提交

     

    使用微信开发者工具开发将小程序代码托管到码云上


    8、点击推送,之后进入码云,就可以查看到相应的代码

     

    使用微信开发者工具开发将小程序代码托管到码云上

     

    使用微信开发者工具开发将小程序代码托管到码云上


    二、码云上已有代码,怎么样拉取下来,并代码修改后怎么提交

    1、现将码云上面的文件压缩包下载下来,导入解压的项目

     

    使用微信开发者工具开发将小程序代码托管到码云上


    2、导入项目

     

    使用微信开发者工具开发将小程序代码托管到码云上


    3、点击 --- 设置 -- 网络和认证 -- 填入码云的账号和密码

     

    使用微信开发者工具开发将小程序代码托管到码云上


    4、点击 --- 设置 -- 远程 -- 添加

     

    使用微信开发者工具开发将小程序代码托管到码云上

     

    使用微信开发者工具开发将小程序代码托管到码云上


    5、点击抓取

     

    使用微信开发者工具开发将小程序代码托管到码云上


    6、点击重置到上一个版本

     

    使用微信开发者工具开发将小程序代码托管到码云上


    7、重置到上一个版本后,工作区不会显示任何需要提交的文件,此时修改一个文件后,填入相应信息后提交

     

    使用微信开发者工具开发将小程序代码托管到码云上


    8、修改后的代码提交,就可以在码云上看见相应的修改提交信息

     

    使用微信开发者工具开发将小程序代码托管到码云上

     

    使用微信开发者工具开发将小程序代码托管到码云上

     

    一路默认点玩之后,就是git的操作界面了

     

     

    3. 增加远程仓库

     

    
     

    这里的URL就是码云的项目地址,获取方式如下图,点击“克隆/下载”,复制即可; 名称就随意了

     

     

     

    4. Git 帐号的修改

     

    帐号和密码自己知道的

    5.推送项目

    强制推送即可,刷新码云,项目也更新,之后操作不做细说了

     

    微信公号搜索:遇见一朵小花。(或扫描二维码)找我玩啊只讲对你有用的东西。

    也常常给粉丝寄出自己看完闲置的好书,喜欢看书的可以来看看,

    还不定期在公众号请大家喝奶茶!

    想与我聊聊或者有什么问题都可以在公众号找到我。

    等你哟~

     

    展开全文
  • 微信小程序的这个功用文档中有啊,为什么我还再写一下呢?因为脑子笨啊 其他的一些东西并不多说。我只是说说刚开始使用的问题。 工作区:当有代码进行更改的时候,在工作去会有相应的修改记录。你要保存到本地仓库...

    微信小程序的这个功用文档中有啊,为什么我还再写一下呢?因为脑子笨啊

    其他的一些东西并不多说。我只是说说刚开始使用的问题。

    1. 工作区:当有代码进行更改的时候,在工作去会有相应的修改记录。你要保存到本地仓库中。有个title与描述。这个是用来标记你做了些什么的。(不吐槽了,能想到,也想不到。)
    2. 远程: 远程表示的是代码管理中心,也就是腾讯给你保存代码的地方。当你新建的时候请务必小心。因为推送的默认推送到新的远程仓库分支下。初次创建的时候是作为你的主分支进行命名的。没创建一个都是一个分支。
    3. 合理的利用推送,抓取,拉取这个功能。

    我想,我应该是不会回来再看第二次了,但是还得记一下。万一呢....

    展开全文
  • 微信小程序部署到线上环境 一.微信小程序申请 申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。 https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&...

    微信小程序部署到线上环境

    一.微信小程序申请

    申请,并认证(未认证不能发布,认证需要300元,目前只支持企业认证)详细见官网说明。

    https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN

    、开发端准备

    1,开发微信小程序,必须要有一个AppId,如果没有可以去注册一个。

    申请后登陆

      https://mp.weixin.qq.com/进入注册页面,点击上方立即注册。

     

    2,点击选择“小程序”出现注册页面。

    3,填写账号信息,包含邮箱,密码,验证码。

    4,登录邮箱,点击链接,进行验证。

     

    5,进入信息登记界面,进行信息登记,分为“主体信息登记”和“管理员信息登记”。“主体信息提交后不可修改”!

     

     

     

     

     

    6,登录微信小程序。

    7,设置,开发者设置,APPID,服务器域名。

     

    8,设置,开发者工具,腾讯云。

    9,安装开发者工具

       下载与安装客户端微信开发者工具并使用小程序微信号扫码登录。选择左边的小程序项目,然后选择项目的目录,你的AppID和项目名称。

    小程序项目管理 项目目录没有项目就用第10步的下载测试代码,进入后图:

    10,下载测试代码

    下载为你打包的 Demo 代码,作为开通环境所需,可以去腾讯云下载。

    11,下载的是一个压缩包,里面包含服务端和客户端的代码文件。然后将整个文件夹导入到微信开发者工具中。

    12,使用微信开发者工具创建小程序项目,选择第三步下载的代码文件夹,修改云数据库的一些配置信息。打开 server/config.js 或server/config.php文件。修改里面的 MySQL 数据库密码为您的小程序 AppID。

    13,上传测试代码

    使用微信开发者工具上传代码,完成开发环境的初始化,上传测试代码选择(部署后自动安装依赖)。

    14,代码上传之后,进行代码部署操作。点击图中的“代码部署”

     

    15,修改本地请求域名

    点击微信开发者工具右上角【详情】-【腾讯云状态】即可查看【开发环境 request 域名】,复制域名,填写在 clien/config.js 文件的 host 处,并保存。

    、腾讯云准备

      1,微信小程序部署到线上环境。首先,腾讯云必须关联微信小程序,否则不能打通开发环境;其二,必须要有一个已经备案的域名;最后,一台云主机。腾讯云部署微信小程序域名必须备案,否则不能正常访问。

     

     

     

     

    2,腾讯云主机大概49元1个月,暂不支持Java和.NET,支持PHP,Node.js

    3,具备了以上条件你就可以进入生产环境。如图。

     

    展开全文
  • 问题原因:微信开发者工具使用的appid是个人微信号,而不是公众号的appid 问题解决: 1、登录公从号界面:https://mp.weixin.qq.com/ 2、进入小程序开发管理,左边任务栏找到设置按钮 3、复制要上传代码的公众号...

    问题现象:微信号下绑定的公众号无法显示上传的代码

    问题原因:微信开发者工具使用的appid是个人微信号,而不是公众号的appid

    问题解决:

    1、登录公从号界面:https://mp.weixin.qq.com/

    2、进入小程序开发管理,左边任务栏找到设置按钮

    3、复制要上传代码的公众号appid

    4、在项目详情->基本信息中,更改微信开发者工具的appid

    展开全文
  • 微信开发者工具上传功能如何设置官网视频没有说明 https://ke.qq.com/webcourse/index.html#cid=343370&term_id=100408141&taid=2796517631278410&vid=5285890787986942538 微信小程序开发工具官网...
  • 报错如图所示。 一开始是以为微信公众平台没有添加开发者,管理员也不行。后面发现是开发者工具里面的AppID不对,查看更多,有个详情, 把这个默认的AppID换成自己的就好了 ...
  • 二、在微信开发者工具中配置Git,并实现文件上传。 1.点击开发者工具右上角的【版本管理】,初始化本地仓库。 2,点击设置,添加远程仓库信息和网络认证 3.抓取Git仓库,达到和开发者工具配置的远程...
  • 微信开发者工具代码编辑区消失,写的代码显示不了时: 在编辑器控制台输入:openVendor 回车  会打开一个文件夹:C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappVendor 清除里面的...
  • 微信开发者工具(小程序)源码
  • 下面来介绍下自己的针对小程序和微信开发者工具的使用心得。 下载地址:开发者工具下载地址 1.下载并安装以后打开,微信号扫码登录登录开发者工具。 如果还没有注册,可以填写无AppID,它会显示部分功能受限,...
  • 将安装好的“微开发者工具”移动到没有中文路径的地址,然后将“微信开发者工具.exe” 更改为英文名字,然后发送到桌面快捷方式 2、修改名称 右击开发者工具快捷方式 -> 点击属性 点击快捷方式 -> 点击...
  • 利用微信开发者工具获取小程序指定页面路径! 文章来源:企鹅号 - 程鹏亮 小程序不同于app,小程序的每个页面都有页面路径。在使用微信小程序的过程中,很多场景都要使用到小程序的页面路径。比如微信图文中的小...
  • 今天分享下 —— HBuilderX代替微信开发者工具 的一些基本知识,欢迎关注! ????分享 官方下载地址:https://www.dcloud.io/hbuilderx.html ????配置 解压运行 HBuilderX运行后,点击工具-设置-运行配置-小...
  • 微信开发者工具(一) 一、微信开发者工具基本信息 1.1 微信开发者工具的下载 ​ 直接打开下面网址进行下载: ​ https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 1.2 下载以后登录 1.3 ...
  • 1.下面是点击微信开发者工具后的界面 2.首先,先来了解本地分支。 带有HEAD标签在后面的master存储我的代码的现有版本,或者这里称之为标准版本。开始进入版本管理工具时会有个提示上传代码的按钮,点击后最开始...
  • 微信开发者工具1.02.1905151 配置 File—settings或者快捷键Ctrl+Alt+S,点击出来如下页面: 1.FileType下Cascading Style Sheet 添加*.wxss 2.FileType下HTML 添加*.wxml 3.将其中的wecharCode.jar下载...
  • 微信团队发布了微信小程序开发者工具微信小程序开发文档和微信小程序设计指南,全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能,帮助开发者简单和高效地开发微信小程序。启动工具时,开发者需要使用...
  • 1.先安装”微信开发者工具“, 下载网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 参考网址:https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN 安装了”微信开发者...
  • HBuilder作为专业的开发工具,近期也提供了对微信小程序的开发支持: 强大的代码提示 高效的字处理 保存代码时自动刷新微信模拟器。 下文简单讲解使用步骤。 新建微信小程序 在HBuilderX中新建项目时,支持...
1 2 3 4 5 ... 20
收藏数 11,257
精华内容 4,502