编译VsCode源码

586 阅读2分钟

记录一次编译VsCode源码

主要步骤:

1.拉取代码,建议先fork代码,再拉取

2.执行npm install --global windows-build-tools --vs2017

  • 完成这个步骤会遇到各种各样的问题,

    • npm要配置镜像、node-gpy要全局安装

3.如果步骤2无法完成,直接安装Visual Studio即可,安装的时候把C++桌面开发给勾上,具体请看后面的Visual Studio教程

步骤2、3都是在安装windows-build-tools,只要windows-build-tools安装完成,基本上已经可以宣告成功了

4.直接使用npm install

  • 这里会可能出现error MSB8040: 此项目需要缓解了 Spectre 漏洞的库。从 Visual Studio 安装程序(单个组件选项卡)为正在使用的任何工具集和体系结构安装它们。了解详细信息: aka.ms/Ofhn4c [D:\ACode\GitCode\vscode-main\node_modules@vscode\deviceid\build\windows.vcxproj],这就是没有在Visual Studio Installer勾选对应的 缓解库

  • 在这里,基本就是网络的问题 ,这个要配置镜像源解决

5.npm run watch 直接起飞

image.png

环境准备:

  1. git

  2. 网上说8.12.0<Node.js<9.0.0,但实际上,我使用nodejs=20.18.0也可以,我目前vscode源码的.nvmrc文件里写的也是20.18.0

  3. Python(必须2.7),我实测的时候,能把windows-build-tools安装上,就没多大问题了

  4. windows-build-tools,国内需要使用下面的命令指定镜像地址

npm --python_mirror=https://registry.npmmirror.com/-/binary/python/ install --global windows-build-tools --vs2017

总是会有各种各样的问题,上面的命令可能也会报错。

关于Visual Studio:

如果自己的电脑上安装的有Visual Studio 2022或者其他版本,需要打开Visual Studio Installer把C++桌面开发包给安装了

image.png

也可以把可选里面生成工具都选上,我是都选上了,

image.png

鼠标放上去会显示版本,就是版本 (最新) 然后再单组件里搜索最新,根据需要把缓解库给选上。我是都给选上了。

edc6f4e4-74ee-47a6-a0db-4c2adacd2be6.png

安装windows-build-tools的时候,它会自动下载python2.7.15,我在这个过程总会出现网络问题,可能是因为我使用镜像安装的,在下面的文件里下载地址也是镜像地址,我这里已经给他改过来了

94ba5ef0-2e4c-41ce-a3e0-1088aa3aa914.png