如何在Linux系统下运行微信Web开发者工具

微信Web开发者工具只有window版本和mac版本,如果想要在Linux系统下运行微信Web开发者工具,需要花费很大周折。

注:带 * 的步骤或文件为不确定是否管用的步骤或文件。

本人系统为Linux Mint 18.1版本。

1、下载nwjs

下载nwjs(http://nwjs.io/)的SDK。

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

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

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

3、修改代码

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


  1. $ ./nw 

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

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

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

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

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

5、下载wine

在命令行内运行


  1. $ 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的时间来编译,不是很快。

作者:magedu

来源:51CTO

时间: 2025-01-26 19:55:04

如何在Linux系统下运行微信Web开发者工具的相关文章

如何在Win7系统下运行红色警戒游戏

  如何在Win7系统下运行红色警戒游戏 1.首先右键游戏程序,选择"属性"; 2.找到兼容性选项卡; 3.点击"以兼容模式运行这个程序",然后选择"Windows NT 4.0(Service Pack 5)"; 4.在往下找到"以管理员身份运行此程序",勾选; 5.点击确定.然后打开游戏.

gnuradio-c++ 利用fftw做傅里叶变换报错 linux系统下运行

问题描述 c++ 利用fftw做傅里叶变换报错 linux系统下运行 报错信息 fftw: alloc.c:269: assertion failed: p #include <fftw3.h>namespace gr { namespace howto { peak_extract::sptr peak_extract::make(int upper_limitint lower_limitint samp_ratebool boolean_timer) { return gnuradio:

微信web开发者工具怎么用?

   微信web开发者工具是一款由微信公众平台最新发布的开发工具,该工具的发布对于开发者来说,简直就是福音;开发人员通过该软件可方便快捷的在PC电脑端完成开发与测试,而一些用户在初次使用该软件时,不知道如何使用,所以小编为大家带了微信web开发工具的使用方法,需要的用户可参考下!   微信web开发者工具怎么使用 1.微信web开发者工具下载,并安装 2.启动微信web开发者工具 3.登录微信公众号,进入web开发者工具,绑定个人微信号 4.通过个人微信号,登录微信web开发者工具 5.从微信公

如何在Linux系统中运行ASP.NET vNext

最新的ASP.NET vNext完全开源且可以跨多个平台运行,在Windows环境下我尝试了下,几乎没花什么工夫就跑起了Sample,而在Linux环境下则要多花了不少时间,所以特别记录下整个过程,希望对其他想要尝鲜的人有所帮助. 运行环境 Ubuntu Server 14.04 VirtualBox Mono >= 3.4.1 *由于Ubuntu库中的Mono版本比较陈旧,满足不了最低要求,所以第一步要做的就是安装最新版本的Mono. 安装Mono 1. 首先从GitHub上取得mono代码:

在Linux系统下运行WebOS的简单方法

1.安装一些依赖关系,官方说明给出了所需的依赖. 代码如下:sudo apt-get update sudo apt-get install git git-core pkg-config make autoconf \ libtool g++ tcl unzip libyajl-dev libyajl1 qt4-qmake \ libsqlite3-dev curl sudo apt-get install gperf bison libglib2.0-dev libssl-dev \ lib

如何在linux系统下配置无线网卡?

  本文介绍在Linux 命令行界面中手动配置无线网卡的方法.目前流行的多数发行版都支持用图形界面的network- manager方便地进行配置,而无需使用本文所介绍的原始方法. 下面介绍使用iwconfig和ifconfig等命令在命令行状态下配置无线网络.前题是无线网卡驱动已经正确安装,并被系统正确识别. 大体思路 工作的大体思路如下: 用iwconfig开启无线网卡的电源,并查找区域内的无线网络 连接到相应的无线网络 通过ifconfig启用无线网卡,并获取IP(如果使用DHCP的话)

如何在linux系统下配置无线网卡?【转】

转自:http://www.jb51.net/LINUXjishu/61315.html 本文介绍在Linux 命令行界面中手动配置无线网卡的方法.目前流行的多数发行版都支持用图形界面的network- manager方便地进行配置,而无需使用本文所介绍的原始方法. 下面介绍使用iwconfig和ifconfig等命令在命令行状态下配置无线网络.前题是无线网卡驱动已经正确安装,并被系统正确识别. 大体思路 工作的大体思路如下: 用iwconfig开启无线网卡的电源,并查找区域内的无线网络 连接到

Linux系统下安装跨平台团队开发工具Vagrant的教程

Vagrant 是一个可创建轻量级.高复用性和便于移植的开发环境的工具. 在非专业人士眼里,这意味着Vagrant抛弃开发环境中所有让人头痛的设置代之为了一个单一的配置文件,你可以选择你的服务器所需要的特性予以保留.你将不会再被XAMMP,手动配置虚拟环境,或者使用FTP远程编辑所卡住. Vagrant 是一个强有力的工具,它的功能和价值超出这篇文章所覆盖的范围以及我的理解所能到达之处.这篇文章将介绍Vagrant中一些相当酷的事情,比如: 在你的机器中使用PHP5.4版本的LAMP. 如何在你

在Linux系统下建立基于MPICH2的高性能分布式并行计算环境

MPICH2 提供了在现有的软硬件架构下对大数据进行并行.分布式处理的一个平台.本文将介绍如何在 Linux 系统下建立基于 MPICH2 的高性能分布式并行计算环境. MPI(Message Passing Interface)是由 MPI 委员会制定的一个消息传递标准,其中定义了一系列用于分布式环境中进行进程间通信的编程接口,目前有 MPI-1 和 MPI-2 两个版本.MPICH2 就是对 MPI 的一个具体实现,MPICH2 在保证高性能的同时保持了高度的可移植性,支持包括 AIX.Li