• 一、微信小程序web开发工具下载地址   1.1 在微信公众平台-小程序里边去下载开发工具下载地址。 1.2 下载后安装一下就可以使用了: 二、创建项目   2.1 微信小程序web开发工具需要扫码登陆,所以必须...

    一、微信小程序web开发工具下载地址

     

    1.1 在微信公众平台-小程序里边去下载开发工具下载地址

    1.2 下载后安装一下就可以使用了:

    二、创建项目

     

    2.1 微信小程序web开发工具需要扫码登陆,所以必须先绑定开发者才可以:

     

    2.2 已经绑定的开发者可以创建项目,需要填写AppID、项目名称、本地开发目录。

     

     

    AppID需要去设置里边获取,如果不填的话官方给的提示是部分功能受限:

     

     

     

    三、开发工具界面介绍:

     

     

     

    1. 编辑:开发的时候,需要到编辑区去写代码 

    2. 调试:开发完需要调试程序的时候需要切换到这个区域,调试区有很多工具可供使用。

    3. 项目:在这里可以上传或者预览项目

    4. 编译:就相当于运行项目的意思

    5. 关闭:关闭当前工程

    6. 微信小程序web开发工具提供实时预览的功能,界面的效果会在这个区域显示

    7. 这个区域可以看到整个项目的文档目录结构

    8. 这个区域是编码区

    9. 这里是选择屏幕尺寸的地方

    10. 模拟网络环境:2G/3G/4G/WiFi

     

     

     

    四、调试区六大工具介绍:

     

    在调试区开发工具提供了6种调试模式:

     

    4.1 Console

    Console的意思是控制台,做过开发的都知道几乎每个IDE都会有控制台,可以显示错误信息和打印变量的信息等。

     

    4.2 Sources

    Sources显示了当前项目的所有脚本文件,微信小程序框架会对这些脚本文件进行编译。

    Source下边还有一个区域,做过软件开发的都知道,一般下边是控制台会显示一些log信息、断电调试等等。

     

    4.3 Network

    Network顾名思义:这个区域显示的是与网络相关的信息,我这里暂时没有进行网络请求。

     

    4.4 Storage

    官方的解释是显示当前项目的使用wx.setStorage或者wx.setStorageSync后的数据存储情况。这个后续用到再慢慢研究

     

    4.5 AppData

    AppData是显示当前项目显示的具体数据,可以在这里编译,并且会在页面实时显示。

     

    4.6 Wxml

     

    Wxml调试区:把他的名字换一下的话大家就好理解了,其实他的实质就是HTML+CSS,微信只是把HTML改成了Wxml而已。学过HTML的人一看就明白,左侧的区域是HTML语言+CSS的一些标签属性。右侧可以便捷的设置CSS的属性。

     

     

    转自:http://lib.csdn.NET/article/5/52864?knId=1796#focustext

    展开全文
  • 确保微信开发者工具-设置-安全-服务端口开启;且获得小程序项目的开发者角色。 1、打开Git Bash 克隆小程序项目。克隆完成后。 2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择克隆的小程序项目。...
  • 微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信开发者工作是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了...
  • 微信开发者工具打开时报错了:未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。   记得前一天用同样的方法初始化项目用微信开发者工具打开都没有问题,今天就不可以了。对比了前后项目dist...
  • 一年一度的微信小程序开发大赛即将拉开帷幕,在使用微信开发者工具进行多人开发时,代码管理就成了比较棘手的问题。好在,微信开发者工具中集成了Git工具,只需链接到远程仓库,即可轻松协作。 #使用方法 ##安装Git ...
  • 2016年底,微信小程序正式上线。很多人和我一样开始对这个新兴的东西产生了兴趣,但许多人却遇到了这样一个问题,安装了之后,除了刚安装完可以自动打开后续无论是用快捷方式,还是跑到文件目录里,都无法打开这个磨...
  • title: 微信开发者工具–码云项目的导入 date: 2020-05-04 21:37:11 tags: 小程序 第一步: -打开开发者工具,新建项目,填写项目名称,例:demo -选择一个空目录存放此项目 -填写小程序的AppID(在微信公众平台...
  • 微信开发者工具-HBuilderX 2019-07-09 17:40:18
    HBuilder作为专业的开发工具,近期也提供了对微信小程序的开发支持: 强大的代码提示 ...导入已有小程序 若已存在微信小程序项目,则可以直接将工程目录拖到HBuidlerX中。 小程序语法提示 语法提示是HBui...
  • 今天分享下 —— HBuilderX代替微信开发者工具 的一些基本知识,欢迎关注! ????分享 官方下载地址:https://www.dcloud.io/hbuilderx.html ????配置 解压运行 HBuilderX运行后,点击工具-设置-运行配置-...
  • UNIAPP打包后,继续添加修改小程序内容,发现微信开发者工具不正常打开 总是提示说登录用户不是该程序的开发者。。一点击确定就跑到微信公众平台。。。我就纳闷了,微信开发者工具都是一直都是登录我的微信,没改变...
  • 上周微信开发者工具一直没有办法打开页面,本来打算写一篇关于小程序的文章,结果等了半天试了好几次都是这样的界面,临近下班就没有在意了,今天来打开电脑还是如此,怎么也打不开编辑界面。到最后,使用了一个奇葩...
  • 最近使用uni-app开发微信小程序时发现一个问题,再次记录一下 Uncaught TypeError: Cannot read property ‘call’ of undefined 程序在Hbuilder中正常编译,毫无报错,但是在微信开发这工具的控制台内报错 然后在...
  • 2、打开微信开发者工具客户端 --- 版本管理 --- 初始化Git仓库 -- 默认初始化就可以 3、点击 --- 设置 -- 网络和认证 -- 填入码云的账号和密码 4、点击 --- 设置 -- 远程 -- 添加 5、点击...
  • 最近在使用微信开发者工具对开发的微信小程序进行调试,遇到过两次这种问题,查阅网上解决办法,做下记录。 1、重新启动微信开发者工具 2、等一段时间再试试 3、卸载重装。。。。。 这个问题好多人都遇到,...
  • 提示:提示请使用2.2.3或以上的基础库以使用云能力     解决办法: 工具栏中点击“详情”: 在下面页面中选择2.2.3以上的版本即可:
  • 自己创建的mpvue项目,玩了几天,不知道自己操作了什么,用微信开发者打开项目直接报错了。。 郁闷了很久,开发者工具路径打开dist目录又可以,刚接触mpvue一时也找不到原因 。。。 最后弄了好久,每个配置文件...
  • 今天遇到一个问题,开发微信公众号和小程序微信web开发者工具,突然打不开了,无论怎么点击,怎么重启电脑都打不开,昨天都好好的,今天上班就出问题了。 刚刚解决,现在把解决办法附上,希望对大家帮助: ...
  • 微信小程序导入已有项目 2018-06-13 16:51:15
    1.双击“微信web开发者工具”:2.选择“小程序项目”:3.会出现管理项目,和一个+号:在管理项目中个“新增”,也可以点击+号:4.会出现新增页面,选择项目目录,填入项目名称以及appId5.可以选择无appId点击确认...
  • 使用微信web开发者工具调试微信企业号页面(前端页面,发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 目录 Demo最终效果 开发工具: 开发步骤: 第一步:准备工作,用visual studio写后台...刚自己做了一个开发微信小程序的Demo,怕忘了,记录下来。希望以后会跳过那些大坑~~ Demo最终效果 开发工具: ...
1 2 3 4 5 ... 20
收藏数 19,864
精华内容 7,945