微信网页开发工具只有window版和mac版。如果要在Linux系统下运行WeChatWebDeveloperTools,会很麻烦。注意:带有*的步骤或文件是不确定它们是否有效的步骤或文件。我的系统是LinuxMint18.1版本。1、下载nwjs下载nwjs的SDK(http://nwjs.io/)。2、将微信网页开发工具复制到nwjs将window系统下安装的微信网页开发工具文件夹中的package.nw、icon.ico、*WeChatwebdeveloper.exe复制到解压后的nwjssdk文件夹中。*解压WeChatwebdevelopertool.exe,将解压文件夹中的文件移动到nwjssdk的解压文件夹中。3、修改代码,进入nwjs文件夹,在终端运行$./nw,会出现提示Cannotfindmodule'...'。根据提示,修改提示错误的文件中的模块名称,因为名称大小写会出现错误,比如appServiceConfig模块,它的实际模块名称是appserviceConfig,这些都是大小写字母,而模块无法找到。会有几个文件需要修改,根据错误提示修改。4.在微信小程序工程文件中创建run-detectors文件。在微信小程序项目文件夹中创建run-detectors文件。因为这个文件没有扩展名,在Linux系统中会被认为是文件夹,所以找不到文件。文件导致错误。5、下载wine并在命令行运行$sudoapt-getinstallwine,右键选择wine环境运行wcc.exe,会提示安装依赖。wcc.exe在linux的/home/username/.config/WeChatwebdevelopertools/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-codestyle-FileTypes中的设置如下图所示。将wxss添加到css类型文件,将wxml添加到html类型文件。微信的filechangeautomaticrefresh会编译3到5秒,不是很快。
