微信应用开发:如何在Linux系统下运行微信Web开发者工具
安安 2017-11-21 来源 :网络 阅读 1299 评论 0

摘要:本篇微信应用开发教程将为大家讲解微信开发编程的知识点,看完这篇文章会让你对微信开发编程的知识点有更加清晰的理解和运用。

本篇微信应用开发教程将为大家讲解微信开发编程的知识点,看完这篇文章会让你对微信开发编程的知识点有更加清晰的理解和运用。

 

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

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

本人系统为Linux Mint 18.1版本。

1、下载nwjs

下载nwjs(//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 '......'

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

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

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

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

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

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

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。

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

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

7、编辑器

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

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

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


本文由职坐标整理并发布,希望对同学们学习微信开发的知识有所帮助。了解更多详情请关注职坐标微信开发频道!

本文由 @安安 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程