npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

vscode-web-buildtools

v0.1.10

Published

CLI tools for cloning, patching, installing, and compiling a web build of VS Code

Readme

vscode-web-buildtools

English version: README.md

vscode-web-buildtools 是一个用于准备 VS Code Web 定制构建的 CLI。

它把常见的仓库准备、补丁处理和构建流程封装成命令,避免手动重复执行 Git 和构建步骤。

功能概览

这个 CLI 主要用于完成一套定制 VS Code Web 构建所需的核心操作:

  • 克隆指定版本的 VS Code
  • 创建一个独立的 patched 工作副本
  • 应用现有补丁集
  • 从本地修改生成补丁文件
  • 在 patched 副本中安装依赖
  • 执行 Web 构建流程

安装

建议全局安装,这样安装后就可以直接使用 CLI:

npm install -g vscode-web-buildtools

安装完成后,直接使用可执行命令:

vsc-web-build --help

如果你只想临时执行,也可以使用 npx,但长期使用更适合全局安装。

环境要求

关于补丁

这个 CLI 把补丁视为保存自定义改动的可移植形式。

补丁文件记录的是“干净上游代码”和“你想保留的改动”之间的差异,这样做有几个直接好处:

  • 可以把同一组定制改动重新应用到新的 VS Code 工作副本
  • 可以把改动分享给其他人或其他环境
  • 可以把你的定制逻辑和上游源码分离管理

在默认工作流里,补丁文件保存在 vsc-work/patches 目录下。

当你已经有一组补丁文件,并且希望把它们应用到新的 patched 工作副本时,使用 apply-patches

当你已经修改过 patched 工作副本,并且希望把这些已提交的改动重新导出为补丁文件时,使用 make-patches

主要命令

clone

下载指定版本的 VS Code,并准备一个用于自定义修改的第二份工作副本。

vsc-web-build clone --version 1.113.0

apply-patches

把补丁文件应用到 patched 工作副本上。

这个命令通常在 clone 之后使用,适合把一套已经存在的补丁重新应用到新的工作副本上。

典型用法:

vsc-web-build clone --version 1.113.0
vsc-web-build apply-patches

如果补丁文件描述的是正确的改动集,那么应用完成后,patched 工作副本会恢复到生成这些补丁时的定制状态。

vsc-web-build apply-patches

make-patches

把你在 patched 工作副本里的本地提交重新导出为补丁文件。

这个命令通常用于你已经修改了 patched 工作副本并完成 Git 提交之后。它会把相对于基线新增的提交导出为 .patch 文件,方便后续重复使用。

典型用法:

vsc-web-build make-patches

常见流程:

  1. 执行 vsc-web-build clone
  2. 在 patched 工作副本中修改文件
  3. 使用 Git 提交这些改动
  4. 执行 vsc-web-build make-patches

生成出来的补丁文件可以提交到你自己的仓库里,之后再通过 vsc-web-build apply-patches 重新应用。

vsc-web-build make-patches

install

在 patched 的 VS Code 工作副本中安装构建依赖。

vsc-web-build install

compile

执行 VS Code Web 的构建流程。

vsc-web-build compile

典型工作流

vsc-web-build clone --version 1.113.0
vsc-web-build apply-patches
vsc-web-build install
vsc-web-build compile

如果你修改了 patched 工作副本,并且想重新生成补丁文件:

vsc-web-build make-patches

如果你已经有现成补丁,想从头重建一次:

vsc-web-build clone --version 1.113.0
vsc-web-build apply-patches
vsc-web-build install
vsc-web-build compile

工作目录

命令默认使用 ./vsc-work 作为工作目录。如果你想改用其他位置,可以传入 --dir

vsc-web-build clone --dir D:/work/vscode-web --version 1.113.0

CLI 会在这个目录下创建并使用上游源码、副本、补丁文件和构建输出所需的工作子目录。

本地开发

如果你是在当前仓库里开发这个工具本身,可以用 Yarn 构建并运行:

yarn build
yarn cli --help