微信web开发工具在哪

微信Web开发工具有哪些~

微信Web开发工具有很多，包括比如说Liveweave、JS Bin、Codepen、Dabblet等等。但是，Web开发人员没必要全部精通，找到适合自己使用的就可以了，然后学到真正的开发技术，成为互联网大型企业都在高薪招聘的web开发人才。

第一种微信Web开发工具——Liveweave
它还有一个吸引我眼球的地方，就是它的协作功能。如果你过去曾经使用过Teamviewer，你会发现它们是相似的。你需要做的事只是点击协作链接，你就可以分享来自于你到weave的链接了。
第二种微信Web开发工具——JS Bin
JS Bin和以前开发平台的区别在于它允许你把文件下载到你的电脑上，这对于开发者，尤其是在离线状态下调试代码的程序员来说，是一个很不错的特点。你还可以创建私人的Bin空间，不过你需要对此付费。另外，JS Bin不支持协作功能。
第三种微信Web开发工具——Codepen
Codepen用于CSS的预处理器包括SCSS、SASS，LESS和Stylus，用于JS的有CoffeeScript和LiveScript，用于HTML的包括Haml、Markdown、Slim和Jade。
第四种微信Web开发工具——Dabblet
现在，Dabblet最棒的地方在于它允许用户以5个不同的视角进行预览，分别是CSS编辑器和效果，HTML编辑器和效果，CSS和HTML的编辑器和效果，JavaScript及运行结果，全部综合效果。这些功能在绝大部分的开发环境中都没有。
第五种微信Web开发工具——JSFiddle
如果你在与其他开发者合作，我强烈建议你使用JSFiddle。在所有的开发环境中，JSFiddle的协作特性是同类型应用中最好的，而且区别于Codepen的是，它的这个特性是操作简单并且免费的。
第六种微信Web开发工具—— CSSDeck C
SSDeck虽然很简洁，但它有一个让我很吃惊的特性，就是它支持用户改变字体大小，这是一个简单却实用的功能。所以说，如果你在寻找有很多很炫的功能的开发平台，CSSDeck可能不适合你。它的简洁性让你更专注于最重要的事情，这也是它最大的特点。

登入微信公众平台
网页链接
选择对应操作系统的版本，下载安装
开发界面大致如下

1、网页搜索微信官网，点击打开，在首页导航栏点击帮助与反馈，如图：

2、在搜索框中搜索小程序，并点击打开

3、在出来的页面中选择“进入产品专区”，点击，如图：

4、在页面左侧导航中选择开发问题，并选择内容页面中的“小程序开发接口新增能力”，如图：

5、然后在“小程序开发接口新增能力”页面偏下的位置找到并点击“小程序支持打开移动应用功能”，如图：

6、在出现的页面中找到工具选择，打开，并选择概览中的蓝色字体“微信开发者工具”，如图：

7、最后，选择在页面中出现的第一个结果，最新下载地址，下载即可。

1、需要登录官方网址下载

开发者工具最新版本下载地址 (1.02.1811290)

Windows 64位 / Windows 32位 / Mac OS

Windows 仅支持 Windows 7 及以上版本。

2、找到小程序开发。

3、下载微信web开发工具。

4、安装开发者工具。

5、登录开发者工具。

为了帮助开发者简单和高效地开发和调试微信小程序，在原有的公众号网页调试工具的基础上，推出了全新的 微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。

1、使用公众号网页调试，开发者可以调试微信网页授权和微信JS-SDK 详情。

2、使用小程序调试，开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

扩展资料

开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。

1、申请帐号

点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。

在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。

2、登录 https://mp.weixin.qq.com ，我们可以在菜单 “设置”-“开发设置” 看到小程序的 AppID 了 。

小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。

有了小程序帐号之后，我们需要一个工具来开发小程序。

3、安装开发工具

前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

打开小程序开发者工具，用微信扫码登录开发者工具，准备开发你的第一个小程序。

4、你的第一个小程序

新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，

最后，勾选 "创建 QuickStart 项目" （注意: 你要选择一个空的目录才会有这个选项），点击确定，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

5、接下来我们来预览一下这个小程序的效果。

点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的第一个小程序。

微信web开发工具需要自己下载安装。

具体操作步骤如下：

1、在百度搜索里面搜索关键词微信下载小程序并点击下面的网址进入，如下图。

2、在完成第一步之后进入的界面中找到适合你的版本点击进入，如下图。

3、在完成第二步之后出现的界面中点击下载按钮进行下载，如下图。

4、在完成第三步之后，在电脑桌面找到下载好的安装包并用鼠标左键双击，如下图。

5、在完成第四步之后出现的界面中点击运行安装即可，如下图。

微信web开发工具需要自己下载安装。

1、在百度搜索里面搜索关键词微信下载小程序并点击下面的网址进入。

2、在完成第一步之后进入的界面中找到适合你的版本点击进入。

3、在完成第二步之后出现的界面中点击下载按钮进行下载。

4、在完成第三步之后，在电脑桌面找到下载好的安装包并用鼠标左键双击。

5、在完成第四步之后出现的界面中点击运行安装即可。

1、登录公众号管理后台。

2、下载并安装微信开发者工具。

3、启用开发者工具--web开发者工具页面。

4、绑定开发者微信,打开微信的扫一扫功能，扫描二维码。

5、点击登录开发者工具。

6、按照说明在移动设备上设置代理，连接调试设备进行代码编写。

---

许昌县13636631926： 微信web开发者工具怎么用 微信web开发者工具使用方法 - ？
之师小儿： 微信web开发者工具使用,用到的工具:电脑,步骤如下: 下载安装微信web开发者工具,打开微信web开发者工具界面如下:2.输入要调试微信程序的url,并选择移动设备的类型(安卓或者ios),以安卓为例:说明:左边选择相应的区块,右边的代码就会追踪到. 注意事项:打开调试工具中的url需要微信公众号平台授权登录微信web开发者工具.

许昌县13636631926： 微信小程序怎么用webstore开发 - ？
之师小儿： 微信小程序开发的方法及步骤: 首先要下载微信官方的微信Web开发者工具.打开微信公众平台,找到右下方的小程序模块,点击「开发」按钮; 点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」.可以看到,开发工具提供...

许昌县13636631926： 如何制作小程序? - ？
之师小儿： 创建小程序项目1、打开微信web开发者工具,点击+号,开始创建一个小程序.毒大哥是我已经创建好了的一个示范小程序项目,这里仅供参考.2、创建一个小程序项目需要:项目命名、小程序的Appid、配置本地开发目录.一个三个步骤....

许昌县13636631926： 如何用微信开发者工具打开项目? - ？
之师小儿： 首先登陆微信公布的简易教程网页,登陆上去后,点击导航栏上方的“工具”按钮.然后点击左侧边的导航栏“下载”按钮. 微信小程序开发工具有windows 64,windows 32和mac版本,根据自己的电脑情况,下载适合自己的版本. 把微信小程序开发工具下载回来后,选择适合的路径进行安装....

许昌县13636631926： 自己怎么做小程序商城 - ？
之师小儿： 小程序商城做起来还是非常的简单的,有些公司做小程序商店已经很长一段时间了,为大量的商家客户提供了十分优质的服务,这些小程序商店能够实现非常全面的功能,甚至能囊括整个电子商务系统的所有的功能,这样的一种商店对于商家来...

许昌县13636631926： 微信公众号小程序开发怎么做的 - ？
之师小儿： 首先要下载微信官方的微信Web开发者工具.打开微信公众平台(mp.weixin.qq.com),找到右下方的小程序模块,点击「开发」按钮; 点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」.可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本.可根据实际情况,选择适合自己电脑的开发工具

许昌县13636631926： 微信web开发者工具怎么打开url - ？
之师小儿： 首先登陆公布的简易教程网页,登陆上去后,点击导航栏上方的“工具”按钮.然后点击左侧边的导航栏“下

许昌县13636631926： 微信web开发者工具怎么用 - ？
之师小儿： 微信web开发者工具主要功能: 使用自己的微信号来调试微信网页授权; 调试、检验页面的 JS-SDK 相关功能与权限,模拟大部分 SDK 的输入和输出; 使用基于 weinre 的移动调试功能; 利用集成的 Chrome DevTools 协助开发.工具顶部菜单栏是刷新、后退、选中地址栏等动作的统一入口,以及微信客户端版本的模拟设置页.左侧是微信的 webview 模拟器,可以直接操作网 页,模拟用户真实行为.右侧上方是地址栏,用于输入待调试的页面链接,以及清除缓存按钮.右侧下方是相关的请求和返回结果,以及调试界面和登录按钮.

许昌县13636631926： 如何发布微信小程序体验版 - ？
之师小儿： 首先你的下载一个微信web开发工具,用你的微信扫码登录,appid 这个是你需要在小程序中复制粘贴的,项目名称,这个随便,项目目录就是代码包,这些弄完以后,进入上传,然后登录微信公众平台,登录小程序,单击开发管理,提交审核,里面可以发布体验版,只能帮你到这了,剩下的慢慢悟!!!!

许昌县13636631926： 微信小程序怎么创建程序项目? ？
之师小儿： 需要通过微信WEB开发者工具,来完成微信小程序创建和代码编辑. 开发者工具安装完成后,打开并使用微信扫码登录.选择创建“项目”,填入上文获取到的AppID,设置一个本地项目的名称(非小程序名称),比如“这是我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了. 为方便开发的初学者了解微信小程序的基本代码架构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具就会提示,是否需要创建一个Quick Start项目.选择“是”,开发者工具会帮助我们在开发目录里生成一个非常简单的Demo.