VSCode源码打包成安装程序(Windows)
根据官网步骤进行安装即可,以下为需要注意的事项,包括如何安装环境,路径的配置。否则执行 yarn
进行安装时可能会出现错误
1. 首先环境版本需要符合官方要求
2. 具体安装注意事项
-
node
使用
nvm
进行安装node
版本nvm install 18.15.0 nvm use 18.15.0
在桌面打开
cmd
输入node -v
查看是否为18.15.0
,如果不是的话,就查看系统变量Path
,将nvm
的优先级提前到其他node
版本路径的前面 -
yarn
全局安装
yarn
npm install -g yarn@1.22.22
安装完之后去安装位置查看安装的文件是否正确,否则可能会出现
childProcess
无法识别指令的问题:errno:-4071,code:'EINVAL',syscall: 'spawnSync yarn.cmd'
,执行npm config list
查看prefix
全局安装位置该路径下确保有
yarn.cmd
并且同目录下存在
node_modules
文件夹,其中存在yarn
文件夹并将
prefix
指向的目录添加到系统变量Path
中 -
python
使用
conda
创建python 3.12
虚拟环境并进行激活,可以使用activate [env_name]
来激活,或者从conda
桌面版启动vscode
,创建的虚拟环境路径会在下面用到 -
node-gyp
全局安装
node-gyp
npm install -g node-gyp@10.1.0
安装完后使用
node-gyp -v
来检查是否安装成功,之后按照检查yarn
的方式检查prefix
指向的目录下的node-gyp
在系统变量中添加
NODE_GYP_FORCE_PYTHON
,值为虚拟环境指向的python.exe
,例如:D:\software\anaconda3\envs\vscode\python.exe
3. 安装 Visual Studio Buildtools
参考 官方文档 安装 Visual Studio Buildtools并进行配置,当设置 npm config set msvs_version 2022
时出现 msvs_version is not a valid npm option
报错,打开npm源文件(通常位于 C:\Users\YourUsername\.npmrc
)使用txt直接添加msvs_version=2022
,再回到终端使用 npm config get msvs_version
得到 2022
及配置成功
4. 运行代码
至此,环境准备完毕,开始运行代码
cd vscode
yarn
如果安包失败则执行
git clean -xfd // 清除.git未跟踪的文件(清理下过的包)
yarn cache clean // 清除yarn产生的缓存
yarn // 重新安装
安装完没有报错后首先执行以下命令来运行核心监视任务和监视扩展任务
yarn watch
首次执行时间耗时较长,大概三分钟,请耐心等待,出现以下内容及执行成功
运行vscode源码
.\scripts\code.bat
.\scripts\code-cli.bat
会弹出一个 vscode
调试窗口,如下图及为成功
5. 打包成安装程序
可以参考 博客
当前VS Code 可以针对以下平台进行打包:win32-ia32 | win32-x64 | darwin-x64 | darwin-arm64 | linux-ia32 | linux-x64 | linux-arm
执行命令打包成目标平台为 windows-x64
yarn gulp vscode-win32-x64
此过程时间过于长,大概 50分钟
左右,请耐心等待,执行完成后在 vscode
同目录下生成 VSCode-win32-x64
VSCode绿色免安装版
在上面的基础上,将VSCode打包成可安装文件
进入vscode源码文件夹下,执行如下代码创建VSCode升级更新程序。
yarn gulp vscode-win32-x64-inno-updater
接着,执行如下代码,创建可安装文件:
yarn gulp vscode-win32-x64-user-setup
执行完毕会在vscode源码文件夹\.build\win32-x64\user-setup
目录下出现VSCodeSetup.exe安装文件,双击即可安装。