Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Script LaunchpadNew to Visual Studio Code? Get it now.
Script Launchpad

Script Launchpad

stack-stark

|
1 install
| (0) | Free
List and run package.json scripts and project BAT files from the VS Code sidebar, with optional notes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Script Launchpad

一个轻量的 VS Code 扩展,用来在侧边栏中快速查看并运行工作区里的 package.json scripts 和 .bat 脚本。支持给常用脚本添加备注,便于团队或个人在项目里标记用途。

功能

  • 在 Activity Bar 中提供 Script Launchpad 面板。
  • 自动列出当前工作区的 NPM scripts。
  • 递归查找工作区中的 .bat 文件,并排除 node_modules、.git、dist、build、out、coverage 等目录。
  • 点击脚本项即可在 VS Code Terminal 中运行。
  • 支持为 NPM script 和 BAT 文件设置或清除备注。
  • 监听 package.json 和 .bat 文件的创建、修改、删除,并刷新对应视图。

使用方式

  1. 在 VS Code 中打开一个项目文件夹。
  2. 打开左侧 Activity Bar 的 Script Launchpad 面板。
  3. 在 NPM Scripts 或 BAT Scripts 视图中点击脚本运行。
  4. 右键脚本项可设置或清除备注。
  5. 点击视图标题栏的刷新按钮可手动刷新列表。

备注存储

备注保存在当前第一个工作区文件夹的:

.vscode/script-notes.json

文件结构如下:

{
  "packageScripts": {
    "dev": "Start local development server"
  },
  "batScripts": {
    "scripts/build.bat": "Build helper"
  }
}

开发

安装依赖:

npm install

构建扩展:

npm run esbuild

类型检查:

npm run typecheck

npm run lint 当前等价于类型检查,用于在不引入额外 lint 依赖的情况下保留常用校验入口。

监听构建:

npm run esbuild-watch

发布前构建:

npm run vscode:prepublish

打包 VSIX:

npx vsce package

项目结构

src/
  extension.ts                VS Code 扩展入口,注册视图、命令和文件监听器
  packageScriptsProvider.ts   NPM scripts 树视图数据源
  batScriptsProvider.ts       BAT scripts 树视图数据源
  noteManager.ts              备注读取和保存
resources/                    扩展图标资源
dist/                         构建输出

注意事项

  • NPM scripts 使用 npm run-script "<scriptName>" 执行。
  • BAT 脚本会以带引号的绝对路径发送到终端,路径中包含空格时也可以运行。
  • 多根工作区下,备注文件保存在第一个工作区文件夹中。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft