VSCode源码编译过程(windows10 64bit环境)

编译VSCode是出于学习的目的

主要参照的文档是Microsoft的github中文档

https://github.com/Microsoft/vscode/wiki/How-to-Contribute#build-and-run-from-source

 

说一点点

VSCode是基于Electron开发的,这是个开发桌面程序很有意思的一个东西,具体可以看看源码分析

http://ju.outofmemory.cn/entry/345080

 

实际上VSCode是使用了很多软件集合的

编译VSCode,我们需要做些准备工作,下载软件都要看看最近的VSCode需求,可以参照我下面的版本

git

node.js

yarn

python

C/C++ compiler tool chain 

 

git不说了,自己去安装吧

node.js

我参照的是这哥们的http://www.noobyard.com/article/p-tbusexmo-hw.html

这里说一点,或许是因为VSCode只能编译成32位(个人理解),我这下载的是32位

官网上下载https://nodejs.org/en/download/

node-v8.11.3-x86.msi

按照那哥们的文章配置环境变量就好

 

yarn

我这里是直接用npm安装的

npm install -g yarn

安装完毕后,测试

yarn -v

 

python

官网上下载https://www.python.org/downloads/release/python-2715/

python-2.7.15.msi,这里我下载的也是32位的,原因同上,不然有可能后面跑不起来

安装过程中,直接把环境变量也勾选上

安装完毕后,

Set a PYTHON environment variable pointing to your python.exe. Eg: C:\Python27\python.exe

需要添加PYTHON环境变量到你的python.exe绝对路径

 

C/C++ compiler tool chain

这个见仁见智,可以直接安装VS2015,VS2017编译似乎会有些问题

我这直接安装的是Windows Build Tools npm module

参照官网https://github.com/felixrieseberg/windows-build-tools

我这直接使用命令

npm install --global --production windows-build-tools

没出什么错误

 

软件的安装最好按照我上面的顺序,不然有可能出现些问题

到此,软件的准备过程就完毕了

 

现在开始干活了

直接clone一份代码出来

git clone https://github.com/Microsoft/vscode.git

 

在cmd终端

cd vscode 

执行,设置环境变量

set npm_config_arch=ia32

set npm_config_target=ia32

另外说一点,可以用npm config ls -l 查看配置,这两个配置是我摸索出来的,另外是当前cmd有效的,不是全局的,下次需要重新设置,npm config设置,可以自己百度用用

执行安装依赖库,这个时间会有些久

yarn

这个命令,出现的问题,主要是32位问题,或者是c++编译问题,以及443端口问题

我这出现的是这些,32位注意前面的指令需要配置,以及软件用32位的,c++编译不想安装VS2015就用Windows Build Tools npm module,443问题,可以netstat -aon|findstr 443 然后看看杀掉之类的,或者考虑重启电脑吧

 

编译,下面这命令也会比较久

yarn run watch

如上图,最后的打印表示成功了,会一直停在这界面,我的理解是在监听

 

然后,另外起一个cmd终端

cd vscode

set npm_config_arch=ia32

set npm_config_target=ia32

.\scripts\code.bat (这个时间也会有些久,有时可能还会down掉,猜测可能是下载源的问题,我就关闭后,重新来过,就可以了,可以看看是不是需要换源,如,很多用某宝的)

最后就可以看见画面了

感觉这种技术,也是可以学习研究的

目前只是编译执行,都好了,具体的技术问题还有待研究

本人才疏学浅,如有说错的地方,麻烦指出

谢谢