一 、首先要安装 nw.js sdk 环境
           nw.js的安装:
    1.首先是osx下安装,你可以参考官方文档进行app下载然后设置路径,也可以直接一步到位,一条命令直接安装!
       前提先安装好node.js环境,然后直接终端下输入命令:

sudo npm install -g nw

在管理员权限下全局安装nw模块,等待较久时间安装编译完毕后,就可以直接输入nw命令使用了。
    2.然后是ubuntu下的安装,和osx一样,因为系统里装好了node.js,所以也是一条命令直接安装编译:

sudo npm install -g nw
nw.

在其他linux桌面系统中也一样,如果没装node.js环境,那么直接在官网下载压缩包参考文档安装即可!
            此外,也可以去官网下载nwjs安装包,解压包,运行里面的nw文件就可以启动nw环境了。
            注意,npm 命令安装的运行命令是nw或nw.,而下载解压安装包的启动命令是./nw
    3.然后就是windows的了,这个简单的可以忽略,直接在官网下载程序压缩包,然后解压到c盘程序目录(Program Files)即可。
       那么,我们如何运行nw.js?右键nw.exe快捷图标到桌面,或者直接把自己的应用自定义后缀后选择nw.js打开即可!
    二、配置环境变量
    export PATH=$PATH:nw安装路径,如果不知道安装路径可以通过
    witch nw查找

如:

export PATH=$PATH:/opt/au1200_rm/build_tools/bin

查看是否已经设好,可用命令export查看:
    export

三、接下来要去提取微信小程序开发工具的package.nw文件,这是nwjs的项目包文件。找个window机器安装一下小程序开发工具,在安装目录里找到package.nw文件夹,icon.ico文件,微信web开发者工具.exe文件,将这三个文件拷贝到linux系统下nwjs的安装目录下。按理来说,进入这个文件夹nw .就可以运行了,但是你会发现报错了,因为腾讯的开发者在项目的文件引用中大小写不分,能在windows上运行,linux下就不行。知道了原因,我们就将引用错误的地方修正。在package.nw目录下执行:

nw.

./nw

根据报错提示,修改大小写,然后就可以正常打开小程序开发工具了,如果打开的时候提示“failed to load...”错误提示是因为图标文件无法加载的原因。你可以编辑一下package.json里面的"icon": "app/images/logo2.png"为其他ico文件或者直接删掉这一行即可。

此外,https://github.com/yuan1994/wechat_web_devtools,这里的git clone,也是可以的,只是我clone了好几个小时,没有clone下来,就放弃了。

四、下载wine

我的是fedora 32 ,用以下命令安装

 sudo dnf install wine.x86_64

如果是ubuntu,可以用以下命令安装:

sudo apt-get install wine

然后修改wcc.exe 文件

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

命令行操作代码如下:

 cd ./config/微信web开发者工具/WeappVendorcp wcc.exe wcccp wcsc.exe wcsc

进入到package.nw/app/dist/weapp/文件夹,找到commit/build.js、trans/transWxmlToJs.js和utils/vendorManager.js,将代码中的wcc.exe和wcsc.exe改成wcc和wcsc。

安装完成,重启nw即可

linux 系统安装微信小程序开发工具相关推荐

  1. 微信小程序开发工具介绍及安装(中)

    小程序开发工具的安装方法 微信小程序开发工具的安装方法相对简单,并且适用于多个操作系统平台.以下是关于Windows.macOS和Linux三个平台上安装微信小程序开发工具的步骤和注意事项的详细介绍. ...

  2. 微信小程序开发工具 清除授权缓存/文件缓存/登录缓存等等

    今天2.19.3.25 在开发微信小程序时,作为测试号想清除授权缓存,一直没有找到方法, 最后无意中看到了解决方法 微信小程序开发工具 清除授权缓存/文件缓存/登录缓存等等.完美解决

  3. 微信小程序开发工具中快捷键

    微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 ...

  4. 最新版本微信小程序开发工具的使用

    微信小程序简介 微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或搜一下即可打 ...

  5. 微信小程序 开发工具 项目创建步骤

    账号申请 后台小程序信息完善 安装开发工具IDE 小程序项目搭建 项目编译 真机预览调试 小程序开发前准备: ①申请账号 ②安装开发工具 账号申请 进入小程序注册页 根据指引填写信息和提交相应的资料, ...

  6. 微信小程序开发工具 将已存在的Git项目在新开发者下拉取推送

    微信小程序开发工具 将已存在的Git项目在新开发者下拉取推送 前言 流程 完事 前言 最近有同事离职了,交接了一个微信小程序的项目下来,源码放在了公司内部的GIT上面,当我下载下来维护之后发现,在微信 ...

  7. 微信小程序开发工具能正常请求后台数据,手机预览请求失败

    微信小程序开发工具能正常请求后台数据,手机预览请求失败 问题描述 微信开发者工具调试完想用手机预览效果,结果发现凡是后台请求都失败. 原因分析 可能的原因有三个: 微信开发者工具详情里的本地设置,没有 ...

  8. 微信小程序开发工具win10下编译非常慢解决方法

    微信小程序开发工具win10下编译非常慢的解决方法 点击微信小程序开发工具右侧详情,在本地设置中将[启用多核心编译]选项去掉,开发工具重启即可

  9. 微信小程序开发工具npm用不了,报错“npm不是内部或外部命令,也不是可运行的程序”

    微信小程序开发工具npm用不了,报"npm不是内部或外部命令,也不是可运行的程序"错时. 1.首先查看是否下载了Node.js.如果没有下载下载一个,最新版本的已经添加了环境变量, ...

  10. 微信小程序开发工具结合腾讯云开发AI人脸识别和身份证识别——基于腾讯云开发者实验项目

    微信小程序开发工具结合腾讯云开发AI人脸识别和身份证识别--基于腾讯云开发者实验项目 开通腾讯云相关权限(AI人脸识别,文字识别-身份证识别) 查看API密钥 部署微信小程序 成功演示 代码包 开通腾 ...

最新文章

  1. git创建与管理远程分支
  2. OGRE 1.7.2 [Cthugha] 编译配置全过程方法
  3. Java RGB数组图像合成 ImageCombining (整理)
  4. java 并发编程视频教程_全面深入学习java并发编程,视频教程下载
  5. 光纤中继器的安装调试
  6. 英语一段落排序题技巧
  7. android uboot log,RK3288 Android 8.1系统uboot logo过渡到kernel logo会花一下
  8. leetcode - 56. 合并区间
  9. 视频 | MIT计算机科学速成课
  10. Python 父目录获取
  11. 转: iptables数据包处理流程
  12. kali安卓手机木马远控
  13. 用BT3和spoonwep2研究学习WEP密码…
  14. 学习STM32 RS485 原理与应用
  15. 基于mysql的电商用户分析
  16. su 与 su - 的区别
  17. 《变量——本土时代的生存策略》(2021-2049)何帆/著 读后感
  18. 1072. 开学寄语
  19. Xilinx软件开发:PMU实验
  20. 利用Matlab考察数据的边缘正态性 作Q_Q图

热门文章

  1. java初级工程师职责_Java初级开发工程师工作的岗位职责
  2. 【复习】数学分析知识点梳理【思维导图】
  3. 抛弃clover,爱上QTTabBar
  4. 智慧水务管理系统提升城市水务管理智慧化水平
  5. python数据分析有哪些模型-python数据挖掘的基本流程有哪些?
  6. 游戏开发新手快速入门指南
  7. 免费直播系统源码,可控的跑马灯,无需焦点
  8. 快速部署开源的 Java 博客系统 Tale
  9. [设计一个24GHz微带天线]书本公式介绍并用Octave计算初始值
  10. python一键批量下载个人简历网的简历模板