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