Linux微信web开发者工具
Linux微信web开发者工具
https://github.com/cytle/wechat_web_devtools
Linux微信web开发者工具, 可在 linux 桌面环境跑起 微信开发者工具,
原理是 微信开发者工具 本质是 nw.js 程序, 把它移植到 linux 下没大问题.
负责编译 wxml 和 wxss 的 wcc 和 wcsc (可能还有其他功能),
则利用 wine 来跑即可.
安装 Wine
请先安装 Wine
建议安装wine1.6
sudo apt-get install wine1.6
$ wine --version
wine-1.6.2
安装完记得配置,配置后会生成一个~/.wine的目录
winecfg
安装开发者工具
1.下载项目,可以选择一个发布的版本
https://github.com/cytle/wechat_web_devtools/releases
sudo wget https://github.com/cytle/wechat_web_devtools/archive/v1.02.1910121.tar.gz
2.解压
sudo tar -zvxf v1.02.1910121.tar.gz -C /usr/local
3.进入目录
cd /usr/local/wechat_web_devtools-1.02.1910121/
3.自动下载最新 nw.js , 同时部署目录 ~/.config/wechat_web_devtools/
./bin/wxdt install
如果./bin/wxdt install 报错失败
sudo rm -rf dist/*
sudo rm -rf /tmp/wxdt_xsp/
4.运行
./bin/wxdt
5.设置文件夹权限和wine权限,否则无法解析小程序
sudo chmod -R 777 ~/.config/wechat_web_devtools/
sudo chmod -R 777 ~/.wine
6.设置菜单
sudo ./bin/install_desktop.sh
小程序

升级篇
1.先卸载
sudo chmod 777 uninstall.sh
./uninstall.sh
2.清理之前的文件夹
sudo rm -rf wechat_web_devtools-1.02.1910121
3.下载最新的,解压到opt中
4.进入安装
sudo ./bin/wxdt install
5.跟上面的安装步骤一样!
6.搜索启动!
字体
Ubuntu环境下编辑器字体安装
Ubuntu环境下默认没有Cosolas字体,同时目前无法修改字体,因此下载安装Consolas字体是较优方案,使得编辑器将显示更舒服。
下载
Consolas.ttf 至/usr/local/share/fonts or ~/.fonts
重建字体缓存
# sudo fc-cache -f
确认字体安装成功
#sudo fc-list|grep Consol
重启微信开发者工具


字体对比,修改后漂亮多了!!!
Linux微信web开发者工具的更多相关文章
- 在Linux系统下运行微信Web开发者工具
微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折. 注:带 * 的步骤或文件为不确定是否管用的步骤或文件.本人系统为Linux ...
- 微信小程序IDE(微信web开发者工具)安装、破解手册
1.IDE下载 微信web开发者工具,本人是用的windows 10 x64系统,用到以下两个版本的IDE安装工具与一个破解工具包: wechat_web_devtools_0.7.0_x64.exe ...
- 使用eclipse+fiddler+微信web开发者工具调试本地微信页面
前面已经说了调试服务器上的微信页面,放链接:http://www.cnblogs.com/Gabriel-Wei/p/5977850.html 还有fiddler调试链接:http://www.cnb ...
- 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)
前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大.这篇文章只是做一个记录,方便自己以后使 ...
- mac版微信web开发者工具(小程序开发工具)无法显示二维码 解决方案
微信小程序概念的提出,绝对可以算得上中国IT界惊天动地的一件大事,这可能意味着一场新的开发热潮即将到来, 我也怀着激动的心情准备全身心投入其中,不过截止目前,在官方网站上下载的最新版本都无法使用,打开 ...
- 微信web开发者工具初探
最近需要在微信企业号中挂接网页,之前也没有接触过微信开发,刚开始也不知道怎么调试,后来同事介绍使用“微信web开发者工具”,于是在网上下了一个,使用了一下的确很好用.它不仅支持Android和IOS同 ...
- 微信web开发者工具调试
微信web开发者工具调试 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大.这篇文章只是 ...
- 微信web开发者工具使用
1.首先启动微信web开发者工具, 2.启动之后,点击移动端调试, 3.选择普通调试,然后,将手机和电脑置于同一个网段之中,可以通过电脑发出一个wifi,让手机连入就行 4.如果,电脑室台式机的话,没 ...
- 【实战问题】【4】Vue写的页面在微信手机端和微信web开发者工具中都能正常显示,但是在微信pc端上显示空白
原因:pc端微信浏览器不支持es6,而代码中使用了 let . 解决:将 let 改为 var(若使用 es6 语法比较多,可以进行转换,将 es6 语法转为 es5) 参考博客: 1,h5微信页面在 ...
随机推荐
- 初识Python(windows)——下载、安装、使用
Table of Contents 1. Why is Python 1.1. Python和R 2. python的下载与安装 2.1. python的版本选择 2.2. python的下载 2.3 ...
- 关于C/C++的一些思考(2)
C++引入类机制的目的: 从语法上将数据和操作捆绑在一起: 从语法上消除变量和函数的名字冲突: 从语法上允许服务端设计者控制数据和函数的访问权限: 从工程上支持数据封装.信息隐藏.将责任推向服务端.减 ...
- redis(以php代码为例)
备注:redis及phpredis扩展安装请查看:PHP典型功能与Laravel5框架开发学习笔记 redis具有原子性,所以在高并发情况下确保数据的一致性 一.连接 $redis = new Red ...
- TensorFlow2-维度变换
目录 TensorFlow2-维度变换 Outline(大纲) 图片视图 First Reshape(重塑视图) Second Reshape(恢复视图) Transpose(转置) Expand_d ...
- Python中的列表(5)
1.使用函数 range() 创建一个数字列表 for value in range(1,5): print(value) console: 我们发现,它并不会打印数字5,因为 range() 函数, ...
- bootloader的移植
jz2440开发板 在介绍bootloader里边的内容的时候,需要知道的是: bootloader的引入的目的就是启动linux内核,一个简单的bootloader编写需要以下的步骤: ①初始化硬件 ...
- 【Codeforces 492D】Vanya and Computer Game
[链接] 我是链接,点我呀:) [题意] 题意 [题解] 第一个人攻击一次需要1/x秒 第二个人攻击一次需要1/y秒 这两个数字显然都是小数. 我们可以二分最后用了多少时间来攻击. 显然这个是有单调性 ...
- oracle将查询到的数据插入到数据库的表中
一.Oracle数据库中,把一张表的查询结果直接生成并导入一张新表中. 例如:现有只有A表,查询A表,并且把结果导入B表中.使用如下SQL语句: create table b as selec ...
- 洛谷P2888 [USACO07NOV]牛栏Cow Hurdles
题目描述 Farmer John wants the cows to prepare for the county jumping competition, so Bessie and the gan ...
- Android GIS开发系列-- 入门季(10) MapView快速定位到Geometry
我们知道某个Geometry的坐标,但不知道具体的位置,该如何使地图快速定位呢?这时需要用到MapView.setExtent方法,来看下这个方法的介绍:Zooms the map to the gi ...