精华内容
下载资源
问答
  • Linux微信web开发者工具linux 下使用微信web开发者工具.DescriptionLinux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具,原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题....

    Linux微信web开发者工具

    linux 下使用微信web开发者工具.

    Description

    Linux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具,

    原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题.

    负责编译 wxml 和 wxss 的 wcc 和 wcsc (可能还有其他功能),

    则利用 wine 来跑即可.

    Usage

    下载项目和初始化

    git clone https://github.com/cytle/wechat_web_devtools.git

    cdwechat_web_devtools

    # 自动下载最新 `nw.js` , 同时部署目录 `~/.config/wechat_web_devtools/`

    ./bin/wxdt install

    启动ide,开发和调试网页

    运行准备:

    GUI环境

    ./bin/wxdt # 启动

    启动ide,开发和预览小程序

    运行准备:

    GUI环境

    并且已经执行过./bin/wxdt install

    ./bin/wxdt # 启动

    命令行和HTTP调用

    运行准备:

    GUI环境,命令行和HTTP调用会自动启动ide(服务器没条件的可以使用docker)

    并且已经执行过./bin/wxdt install

    在ide的设置中开启服务端口: 设置 -> 安全 -> 服务端口(开启)

    命令行工具所在位置: /bin/cli

    端口号文件位置:~/.config/wechat_web_devtools/Default/.ide

    微信文档参考:

    Docker

    未安装wine,仅限cli调用

    可以直接run

    docker run -it \

    -v $PWD:/projects \

    canyoutle/wxdt \

    sh -c "cli -l && cli -p /projects/your-project"

    或是启动一个持久的容器

    docker run -d \

    --name wxdt \

    -p 6080:80 \

    -v $PWD:/projects \

    canyoutle/wxdt

    docker exec -it wxdt cli -l # 登录

    docker exec -it wxdt cli -p /projects/your-project # 预览工程

    docker stop wxdt # 暂停容器

    docker start wxdt # 下次使用,不用再run,可以直接exec

    其它说明

    安装Wine

    请参考搜索引擎安装 Wine,以下是Ubuntu下两种安装

    1. 安装wine-binfmt

    sudoapt-get installwine-binfmt

    sudoupdate-binfmts --import /usr/share/binfmts/wine

    2. 正常安装wine

    dpkg --add-architecture i386 \

    && wget -nc https://dl.winehq.org/wine-builds/winehq.key \

    && apt-key add winehq.key \

    && apt-add-repository 'deb https://dl.winehq.org/wine-builds/ubuntu/ bionic main' \

    && apt-get update \

    && apt-get install -y --no-install-recommends --allow-unauthenticated winehq-stable

    ./bin/wxdt install 报错失败

    ./nw: error while loading shared libraries: libnw.so: cannot open shared object file: No such file or directory

    该错误是由 nw.js 下载失败所致.

    删除缓存, 重新下载即可.

    rm -rf /path/to/wechat_web_devtools/dist

    rm -rf /tmp/wxdt_xsp

    # 请务必等待执行完成

    ./bin/wxdt install

    参考

    wcc 和 wcsc 编译错误

    是wine没安装好导致的,或是没有成功替换wcc 和 wcsc两个二进制文件

    方案一: 安装wine并且执行./bin/wxdt install

    方案二: 安装wine-binfmt

    完成后, 点击 编译 即可.

    参考:

    更新到最新版

    方案一: 直接从当前项目源码 进行 更新 (稳定, 推荐)

    git pull origin

    方案二: 使用腾讯原始安装程序 进行 自助复制更新 (及时, 自行折腾)

    注: 如果抽风了, 可以尝试使用 git reset --hard 等操作, 还原到最初的状态.

    执行更新, 自动下载最新 Windows x64 版开发者工具, 并且使用7z解压.

    ./bin/update_package_nw.sh

    方案三: 同上 手动指定 -l -v (可指定预发布版或开发版)

    注: -l -v 选项务必同时指定, 并且版本号 形如1.02.2001191

    ./bin/update_package_nw.sh -l -v

    Tips

    运行没问题,欢迎PR

    Ubuntu环境下编辑器字体安装

    Ubuntu环境下默认没有Cosolas字体,同时目前无法修改字体,因此下载安装Consolas字体是较优方案,使得编辑器将显示更舒服。

    下载https://github.com/kakkoyun/linux.files/raw/master/fonts/Consolas.ttf 至/usr/local/share/fonts or ~/.fonts

    sudo fc-cache -f重建字体缓存

    确认字体安装成功

    sudofc-list|grep Consol

    .fonts/Consolas.ttf: Consolas:style=Regular

    重启微信开发者工具

    卸载

    关闭 微信web开发者工具

    项目文件夹下运行 ./bin/wxdt uninstall (删除桌面图标、微信web开发者工具配置目录),

    开发者工具配置文件, 所有工程和登录信息均会消失

    删除项目文件夹

    Arch Linux

    截图

    赞赏

    Changelog

    免责声明

    微信开发者工具版权归腾讯公司所有,本项目旨在交流学习之用。如有不当之处,请联系本人,邮箱:canyoutle@gmail.com

    展开全文
  • 微信自成一个生态,微信开发者工具让用户能够自行设计自己的小程序界面、添加各种需要的功能,软件相对比较容易上手,可以与公众号对接,提升流量。功能介绍菜单栏微信web开发者工具切换帐号:快速切换登录用户关于...

    微信自成一个生态,微信开发者工具让用户能够自行设计自己的小程序界面、添加各种需要的功能,软件相对比较容易上手,可以与公众号对接,提升流量。

    功能介绍

    菜单栏

    微信web开发者工具

    切换帐号:快速切换登录用户

    关于:关于开发者工具

    检查更新:检查版本更新

    开发者论坛:前往开发者论坛

    开发者文档:前往开发者文档

    调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题

    更换开发模式:快速切换公众号网页调试和小程序调试

    退出:退出开发者工具

    项目

    新建项目:快速新建项目

    打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目

    查看所有项目:新窗口打开启动页的项目列表页

    关闭当前项目:关闭当前项目,回到启动页的项目列表页

    文件

    新建文件

    保存

    保存所有

    关闭文件

    编辑:可以查看编辑相关的操作和快捷键

    工具

    编译:编译当前小程序项目

    刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(?) + R

    编译配置:可以选择普通编译或自定义编译条件

    前后台切换:模拟客户端小程序进入后台运行和返回前台的操作

    清除缓存:清除文件缓存、数据缓存、以及授权数据

    界面:控制主界面窗口模块的显示与隐藏

    设置:

    外观设置:控制编辑器的配色主题、字体、字号、行距

    编辑设置:控制文件保存的行为,编辑器的表现

    通知设置:设置是否接受某种类型的通知

    工具栏

    点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。

    用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。

    工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。

    通过切后台按钮,可以模拟小程序进入后台的情况

    工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。

    工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情

    工具栏管理

    在工具栏上点击鼠标右键,可以打开工具栏管理

    模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。

    开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。

    在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数

    独立窗口

    点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器

    软件特色

    1、调试:通过使用微信web开发者工具,从此开发者可以直接在 PC上进行调试了。

    2、模拟JSSDK权限校验:可以模拟 JSSDK 在微信客户端中的请求,并直观地看到鉴权结果和 log。

    3、移动调试:基于 weinre 的,并且做了一些改进,让开发者无须手工在页面中加入 weinre 调试脚本,还可以在 weinre

    的网络请求页卡中,看到完整的 http 请求 log,非局限于 ajax 请求。

    4、Chrome DevTools:集成了 Chrome DevTools,同之前在 PC 上的调试体验一致,可以快速上手。

    使用方法

    一、下载安装微信开发者工具并打开软件。

    二、打开软件后使用微信扫描登录。

    三、按照自己的需求可以在小程序、小游戏点击新建或者导入项目制作新的程序。

    四、选择公众号网页功能可以对公众号进行WEB进行功能调试。

    小编点评

    微信开发者工具拥有丰富的编译工具,用户可以方便地在开发进程和显示效果间切换,每一个开发项目都能获得独立窗口,你还能实时模拟用户的使用体验,精致打磨自己的产品。

    以上就是微信开发者工具 v1.03.2010240免费版的全部内容了,IE浏览器中文网站为您提供最新最实用的软件!

    展开全文
  • 微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折。注:带 * 的步骤或文件为不确定是否管用的步骤或文件。本人系统为Linux Mint 18.1版本。1、下载nwjs...

    微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折。注:带 * 的步骤或文件为不确定是否管用的步骤或文件。

    本人系统为Linux Mint 18.1版本。

    1、下载nwjs

    下载nwjs的SDK。

    2、将微信web开发者工具拷贝到nwjs

    将在window系统下安装的微信web开发者工具文件夹中的package.nw、icon.ico、*微信web开发者工具.exe拷贝到nwjs sdk解压后的文件夹内。

    * 解压 微信web开发者工具.exe,将解压后的文件夹内的文件移动到nwjs sdk解压后的文件夹内。

    3、修改代码

    进入到nwjs文件夹,在终端内运行

    $ ./nw

    会出现提示 Cannot find module '......'

    根据提示,在提示错误的文件内修改module名,因为名字大小写会有错误,比如appServiceConfig模块,它的实际模块名是appserviceConfig,这些都是大小写字母错误导致找不到模块。

    会有几个文件需要修改,根据错误提示修改。

    4、在微信小程序项目文件内创建run-detectors文件

    在微信小程序项目文件夹内创建run-detectors文件,因为该文件没有扩展名,在linux系统会被认为是文件夹,导致找不到该文件导致报错。

    5、下载wine

    在命令行内运行

    $ sudo apt-get install wine

    在右键选择wine环境运行wcc.exe,会提示安装依赖。wcc.exe在linux的 /home/用户名/.config/微信web开发者工具/WeappVendor 文件夹内。

    6、载入项目

    在载入项目前,* 先在wine下运行wcc.exe和wcsc.exe(不提前运行wcc.exe和wcsc.exe的话可能会报错)。第一次载入项目后编译可能会慢一些,3、5s到10s左右,后面因为有缓存会快一些。

    ---------------------------------------------------------------------------------------------------------------------------

    修改wcc.exe和wcsc.exe文件名,去掉.exe。

    进入到package.nw/app/dist/weapp/文件夹,找到

    commit/build.js、trans/transWxmlToJs.js和utils/vendorManager.js,将代码中的wcc.exe和wcsc.exe改成wcc和wcsc。

    !!!使用编辑功能可能会报错,所以不要用自带的编辑功能。

    7、编辑器

    推荐使用webstorm,在File - Editor - code style - File Types内设置如图下所示。将wxss添加到css类型文件,将wxml添加到html类型文件。

    微信的文件改变自动刷新会有3到5s的时间来编译,不是很快。

    展开全文
  • 1.将安装好的 微开发者工具移动到没有中文路径的地址,然后将 微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式 2,按照谷歌配置可跨域的方法配置 配置方法(配置的时候请保证 你的软件在关闭状态) ...

    1.将安装好的 微开发者工具移动到没有中文路径的地址,然后将   微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式

    2,按照谷歌配置可跨域的方法配置

     

    配置方法(配置的时候请保证 你的软件在关闭状态)

    邮件你发送到桌面的快捷方式,然后更改  目标

    后面加上 这一句话

    --args --disable-web-security --user-data-dir

    然后通过这个快捷方式进行打开 微信开发者工具就支持跨域了

    转载于:https://www.cnblogs.com/MainActivity/p/9928913.html

    展开全文
  • 微信开发者工具

    2021-02-08 12:25:38
    微信开发者工具是微信公众号官方推出的一款专门给用户制作微信小程序和给公众号添加新的功能的软件,对于懂得编程的用户来说,这是款非常好用的工具,用户可以用微信开发者工具实现对公众号的接口功能,也可以用微信...
  • Linux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具, 原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题. 负责编译 wxml 和 wxss 的 wcc 和 wcsc (可能还有其他功能), 则利用 ...
  • 微信开发者工具字体模糊

    千次阅读 2019-06-11 11:10:51
    微信开发者工具字体模糊微信小程序开发字体模糊 微信小程序开发字体模糊 最近学习小城许开发发现字体总是模糊,找了好多解决方案都没有解决,最后发现可能是gpu加速问题,采用 cmd命令启动程序就ok了 微信web开发者...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试. 假设我的web应用的访问入口是如下公众号菜单的"预约"按钮: 那么为了能够在微信开发者工具里调试,...
  • 1.2 下载后安装一下就可以使用了:二、创建项目2.1微信小程序web开发工具需要扫码登陆,所以必须先绑定开发者才可以:2.2 已经绑定的开发者可以创建项目,需要填写AppID、项目名称、本地开发目录。AppID需要去设置...
  • 微信开发者工具跨域 在终端配置open -a /Applications/微信web开发者工具.app --args --disable-web-security --user-data-dir 谷歌配置跨域。open -a /Applications/Google\ Chrome.app --args --disable-web-...
  • 微信公众平台为广大开发者带来福音,强势推出微信web开发者工具,让开发人员可以通过这款工具方便快捷的在PC电脑端或者Mac端完成开发与测试,那么问题来了,微信web开发者工具如何使用?别担心,下面在此为大家简单...
  • linux安装微信开发者工具

    千次阅读 2019-11-07 10:03:59
    在linux下开发微信小程序,发现用虚拟机执行widnows然后运行微信开发者工具太难用了,每次改完js文件,需要先关闭掉开发者工具中的项目再重新打开并编译,才能正常编译,一次编译就要近1分钟,太痛苦了,网上有许多...
  • 很多人会遇到开发微信小程序,web-view调试问题,...在微信开发者工具预览区域,鼠标右键 会出现一个调试的小按钮,你点击就可以了 如果右键不出来 那就左键 再右键 就可以了 帮助到你的话 就点在赞再走吧亲 ...
  • 将安装好的“微开发者工具”移动到没有中文路径的地址,然后将“微信开发者工具.exe” 更改为英文名字,然后发送到桌面快捷方式 2、修改名称 右击开发者工具快捷方式 -> 点击属性 点击快捷方式 -> 点击...
  • Ubuntu 安装 微信开发者工具

    千次阅读 2018-07-13 15:58:51
    Ubuntu 安装 微信开发者工具 因为官网没有提供linux的安装文件,所以我们搞一波: 本人喜欢安装到/opt/目录下 cd /opt/ git clone https://github.com/cytle/wechat_web_devtools.git sudo chown -R [用户名...
  • 概览为了方便开发者调试和开发微信小程序,在微信公众号网页开发工具的基础上,推出了...界面登录微信开发者工具,需要扫码登录微信账号,需要使用该微信账号进行微信小程序的开发和调试,而且该微信账号必须为小程...
  • 微信开发者工具代码编辑区消失,写的代码显示不了时: 在编辑器控制台输入:openVendor 回车 会打开一个文件夹:C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappVendor 清除里面的...
  • <div><p>尝试在命令行启动微信开发者工具,提示如下报错。想问下我是需要从微信官网下载开发者工具么 $ ./bin/cli -o Initializing... Please ensure that the IDE has been properly installed init error: {...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:那么为了能够在微信开发者工具里调试,需要...
  • 微信开发者工具(wechat_web_devtools) Linux版微信小程序Linux版,支持最新微信小程序开发和微信网页开发- yuan1994 / wechat_web_devtools
  • <div><p>/home/jerry/.config/微信web开发者工具/WeappVendor/wcc.exe: 1: /home/jerry/.config/微信web开发者工具/WeappVendor/wcc.exe: MZ����@���: not ...
  • 假设我用vue开发了一个web应用,需要在手机微信里访问并调试, 可以按照本文介绍的步骤,使用微信开发者工具来调试.假设我的web应用的访问入口是如下公众号菜单的"预约"按钮:那么为了能够在微信开发者工具里调试,需要...
  • 一,微信开发者工具简介 微信开发者工具是微信官方提供的针对微信小程序的开发工具,集中了开发,调试,预览,上传等功能。微信团队发布了微信小程序开发者工具,微信小程序开发文档和微信小程序设计指南,全新的...
  • 然后用该服务号或公众号登录微信公众平台,[在公众平台的 开发–基本配置可以查到开发者ID(AppID)和开发者密码(AppSecret)] 然后在 开发–开发者工具–web开发工具中可以 邀请登录微信开发者工具的微信 成为该小...
  • 1.登录微信公众号平台 https://mp.weixin.qq.com 1.1选择开发者工具 1.2选择web开发者工具 1.3邀请绑定即可 2.登录微信小程序 https://mp.weixin.qq.com
  • 微信开发者工具:open -n /Applications/wechatwebdevtools.app --args --disable-web-security --user-data-dir=/Users/xxx/MywechattoolUserData chrome:open -n /Applications/Google\ Chrome.app/ --args --...
  • 微信开发者工具代码编辑区消失,写的代码显示不了时: 在编辑器控制台输入:openVendor 回车  会打开一个文件夹:C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappVendor 清除里面的...
  • 没办法,现在需要硬着头皮装微信开发者工具。 直接用的github上的一个教程。链接:https://github.com/cytle/wechat_web_devtools 因为我的电脑之前为了装微信和qq,安装过deepin-wine环境,所以在我安装微信...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,204
精华内容 481
关键字:

web微信开发者工具