Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Script Runner PanelNew to Visual Studio Code? Get it now.
Script Runner Panel

Script Runner Panel

xlt-icon

|
4 installs
| (1) | Free
Run package.json scripts from a WebView panel
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code Script Runner Panel

一个用于运行 package.json 中脚本的 VS Code 插件,提供友好的 WebView UI 界面和活动栏视图。

功能特点

  • 📋 在 WebView 面板中列出 package.json 中的所有脚本
  • 🔍 支持搜索和过滤脚本
  • ▶️ 一键运行脚本,自动在终端中执行
  • 🐞 支持调试脚本,自动启动调试器
  • 📊 清晰直观的脚本展示界面
  • 🧩 活动栏视图,方便快速访问

使用方法

WebView 面板

  1. 在 VS Code 中打开一个包含 package.json 的项目
  2. 通过以下方式打开 Script Runner 面板:
    • 按下 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)打开命令面板
    • 输入 "打开 Script Runner 面板" 并选择该命令
  3. 在面板中查看和搜索可用的脚本
  4. 点击脚本旁边的 "▶️ 运行" 按钮执行脚本

活动栏视图

  1. 在 VS Code 的活动栏(左侧工具栏)中,找到 "脚本运行器" 图标
  2. 点击图标打开脚本运行器视图
  3. 查看项目中的所有 npm 脚本
  4. 每个脚本右侧有两个按钮:
    • ▶️ 运行脚本:在终端中执行脚本
    • 🐞 调试脚本:在调试模式下运行脚本
  5. 点击刷新按钮可以重新加载脚本列表

开发

前提条件

  • Node.js
  • VS Code

安装依赖

npm install

编译

npm run compile

调试

在 VS Code 中按 F5 启动调试会话。

贡献

欢迎提交 Pull Request 和 Issue!

项目地址

https://github.com/xiaoLangtou/vscode-script-runner-panel

问题反馈

https://github.com/xiaoLangtou/vscode-script-runner-panel/issues

许可证

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft