我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

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

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - cpp_env
重新构建electron所需要的基础编译环境,如何搭建?(图12-1)

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

mac环境方案

mac系统下,这个基本环境的安装,还是比较容易的。需要安装python2.7/xcode/xcode-select即可。所以,在mac系统下,这个基本编译环境基本上是不用担心的。

如果您的本地环境不能正常工作的话,那么您也许需要详细阅读本段文字。

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

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

xcode-select --install

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

win环境方案

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

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

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

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

npm install windows-build-tools -g

如果您觉得下载速度很慢,那么不妨先执行一下下面这个命令:

npm config set registry https://registry.npm.taobao.org/

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - powershell-admin-mode
重新构建electron所需要的基础编译环境,如何搭建?(图12-2)

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - powershell-admin-mode2
重新构建electron所需要的基础编译环境,如何搭建?(图12-3)

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - windows-build-tools-github
重新构建electron所需要的基础编译环境,如何搭建?(图12-4)

方案二,分步骤各自安装

win系统下的python2.7安装,必须是2.73.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的,经常会在python27python37间切换的话,也许不加入环境变量是更好的选择。解决方案就是见下图所示:

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - py27-add-path
重新构建electron所需要的基础编译环境,如何搭建?(图12-5)

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

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - cpp-build-404
重新构建electron所需要的基础编译环境,如何搭建?(图12-6)

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - vscppbuild-download
重新构建electron所需要的基础编译环境,如何搭建?(图12-7)

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - older-download
重新构建electron所需要的基础编译环境,如何搭建?(图12-8)

最终总结上来说,cpp-build-tools可用的安装方式有如下一些:

  • vs2015,这个不说,超大超恐怖,安装过的都知道。
  • vs_BuildTools.exe1.5M,但是要从网上下载几个G的东西。
  • ms_buildtool2015.exe3.5M。一样要下载,要等进度条,但是下载的不多。

链接地址如下:

  • 1M 版本

https://download.visualstudio.microsoft.com/download/pr/11503713/e64d79b40219aea618ce2fe10ebd5f0d/vs_BuildTools.exe

  • 3.3M版本:

http://download.microsoft.com/download/5/F/7/5F7ACAEB-8363-451F-9425-68A90F98B238/visualcppbuildtools_full.exe

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - cpp-builder-140
重新构建electron所需要的基础编译环境,如何搭建?(图12-9)

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - cpp-builder-140-2
重新构建electron所需要的基础编译环境,如何搭建?(图12-10)

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - cppbuildtools-download
重新构建electron所需要的基础编译环境,如何搭建?(图12-11)

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

相关链接

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

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

苏南大叔:重新构建electron所需要的基础编译环境,如何搭建? - install-step
重新构建electron所需要的基础编译环境,如何搭建?(图12-12)

总结

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

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

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   electron    gyp