html的编译需要环境搭建吗,重新构建electron所需要的基础编译环境,如何搭建?...

9ac5e4e30859fb63569e5fad0d8d2230.png 本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规。大家都是程序员,不要闹得不开心。

重新构建electron的时候,需要的基本编译环境,包含有python2.7和cpp编辑器两部分。对于前者python2.7是比较容易下载安装的,一般不会出什么问题。而对于后者cpp编译器,这个变数比较大。

本文中,苏南大叔主要从mac和win两个方面,讨论相关软件的安装事宜。重点介绍的是:win10环境下相关软件的安装工作。

1b1a7a5fef42b02a5016c4d6a2ad0ca4.png重新构建electron所需要的基础编译环境,如何搭建?(图12-1)

重新构建electron所需要的基础编译环境,如何搭建?请阅读本文内容。

mac环境方案

在mac系统下,这个基本环境的安装,还是比较容易的。需要安装python2.7/xcode/xcode-select即可。所以,在mac系统下,这个基本编译环境基本上是不用担心的。如果您的本地环境不能正常工作的话,那么您也许需要详细阅读本段文字。

在mac环境下,python2.7是系统自带的。不过,您也可以再次安装一次,截至到发稿,python2.7系列最新版为2.7.12,python2.7.12下载地址是:

xcode也是大多数开发人员的必备,xcode-select也很有可能已经安装过了。对于cpp编译器,常规安装xcode即可。唯一注意的事项是:可能需要额外安装执行xcode-select工具。命令是:xcode-select --install

下面这个链接是个类似的经验文章:

win环境方案

win系统下,环境的安装可以说是比较痛苦复杂。如果您是小白想省心,那么请选择方案一,傻瓜式安装。如果您愿意自己决定安装过程的细节,请选择方案二,自己来直面那些复杂的环境。

方案一,windows-build-tools(推荐)

使用windows-build-tools安装python2.7和visualcppbuildtools,这个思路是非常的好,适合于懒人无脑安装。但是,因为是静默安装,而且耗时较长,且变数较多,这个方案需要非常的耐心和信心。加油!

唯一注意事项就是:要一定使用管理员身份运行cmd或者powershell,再执行下面的命令:npm install windows-build-tools -g

如果您觉得下载速度很慢,那么不妨先执行一下下面这个命令:npm config set registry https://registry.npm.taobao.org/

2749dbd68cbbbed800ed431c16847ef8.png重新构建electron所需要的基础编译环境,如何搭建?(图12-2)

a4a837a9710ad31bdfd5fdf3dec967ab.png重新构建electron所需要的基础编译环境,如何搭建?(图12-3)

如果您对这个windows-build-tools感兴趣的话,可以从下面这个地址上找到其更多信息:

f6240e4c4a7772e50d9f9809de887456.png重新构建electron所需要的基础编译环境,如何搭建?(图12-4)

方案二,分步骤各自安装

win系统下的python2.7安装,必须是2.7,3.7版本不行。这里唯一要特别注意的事项就是:把python的路径要加入到系统路径。否则执行gyp的时候,会遇到如下错误提示:gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.

当然,如果你不把python放置到环境变量里面的话,就需要额外指定python2.7的位置了。参数就是--python,这个是后话。个人建议:加入到环境变量比较好,否则以后不知道哪里会出乱子。当然,如果您是专业写python的,经常会在python27和python37间切换的话,也许不加入环境变量是更好的选择。解决方案就是见下图所示:

39bfd43adc5a154144c883d883834caa.png重新构建electron所需要的基础编译环境,如何搭建?(图12-5)

win环境下的cpp编译器(visualcppbuildtools)的安装,这个变数实在太大。网上流传的下载地址,早就已经404了。而从微软官方找到的地址,却是要强制下载vsstudio2017,这个笑话开的有点大。从历史下载中可以找到ms_buildtool2015,但是是个在线安装脚本,而不是个离线版的。

网上流传的cpp-build-tools下载地址:

df34fc0460ca71e20232ee378b4a15b4.png重新构建electron所需要的基础编译环境,如何搭建?(图12-6)

目前最新的cpp-build-tools下载地址:

3c51ce13459c66b02777ced06c4cfbd0.png重新构建electron所需要的基础编译环境,如何搭建?(图12-7)

注意:拉到页面底部,可以找到历史下载地址。

bc413b85b77f2482004af43b1ace8e42.png重新构建electron所需要的基础编译环境,如何搭建?(图12-8)

最终总结上来说,cpp-build-tools可用的安装方式有如下一些:vs2015,这个不说,超大超恐怖,安装过的都知道。

vs_BuildTools.exe,1.5M,但是要从网上下载几个G的东西。

ms_buildtool2015.exe,3.5M。一样要下载,要等进度条,但是下载的不多。

链接地址如下:1M 版本3.3M版本:

安装的时候,c++的编译器要选择安装140版本。安装过程会非常漫长,请耐心等待。

94ce3aa09aaf2b6b713fbc6d4af734d7.png重新构建electron所需要的基础编译环境,如何搭建?(图12-9)

12255ea18563a0e04bd89c4f45538ca7.png重新构建electron所需要的基础编译环境,如何搭建?(图12-10)

bc490ab333d22471721a877211dd2c07.png重新构建electron所需要的基础编译环境,如何搭建?(图12-11)

无论您选择的是哪个exe方式安装的,安装完毕之后,这个msbuildtool的版本号都是14,并不是gyp所要求的2。这个时候,需要在gyp进行构建的时候,需要添加特殊的参数msvs_version。但这是后话,不是本文中所描述的内容范围了。

相关链接

下面的帖子中,有相关的讨论。但是关于window上的环境搭建问题,也是很混乱的,大家可作参考。

下面的这个页面上,有node-gyp官方对其安装环境的描述。大家可以当作比较权威的内容作为参考。

a7c623ec2575e1bbda94d2c001f07a34.png重新构建electron所需要的基础编译环境,如何搭建?(图12-12)

总结

本文侧重于重新构建electron编译环境的安装,主旨是安装python2.7和cpp编译工具。在mac环境下,还是比较好处理的。但是在win环境下,变数是比较大,很难安装。

想知道后续使用node-gyp重构electron时的参数设置么?请点击下面的链接吧。

93ddba5b688a6967c0a88c0220992c34.gif

e6eebe3032abd035b5cf072fe954fec6.png 如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。

9ac5e4e30859fb63569e5fad0d8d2230.png 本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值