VSCode源码打包成安装程序(Windows)

本文详细指导了如何在Windows上安装VSCode所需的环境,包括Node.js、Yarn和Python的配置,以及如何使用VSCode构建工具打包成安装程序的过程。
摘要由CSDN通过智能技术生成

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安装文件,双击即可安装。

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值