VS Code Script Runner Panel
一个用于运行 package.json 中脚本的 VS Code 插件,提供友好的 WebView UI 界面和活动栏视图。
功能特点
- 📋 在 WebView 面板中列出 package.json 中的所有脚本
- 🔍 支持搜索和过滤脚本
- ▶️ 一键运行脚本,自动在终端中执行
- 🐞 支持调试脚本,自动启动调试器
- 📊 清晰直观的脚本展示界面
- 🧩 活动栏视图,方便快速访问
使用方法
WebView 面板
- 在 VS Code 中打开一个包含 package.json 的项目
- 通过以下方式打开 Script Runner 面板:
- 按下
Ctrl+Shift+P (Windows/Linux)或 Cmd+Shift+P (macOS)打开命令面板
- 输入 "打开 Script Runner 面板" 并选择该命令
- 在面板中查看和搜索可用的脚本
- 点击脚本旁边的 "▶️ 运行" 按钮执行脚本
活动栏视图
- 在 VS Code 的活动栏(左侧工具栏)中,找到 "脚本运行器" 图标
- 点击图标打开脚本运行器视图
- 查看项目中的所有 npm 脚本
- 每个脚本右侧有两个按钮:
- ▶️ 运行脚本:在终端中执行脚本
- 🐞 调试脚本:在调试模式下运行脚本
- 点击刷新按钮可以重新加载脚本列表
开发
前提条件
安装依赖
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
| |