在前端开发中，package.json 的 scripts 字段是项目最常用的入口之一（如 dev、start、serve、build 等）。开发者在日常开发中频繁需要执行这些命令，但当前的工作流通常是：
打开 package.json 查看/修改配置；
切换到终端或侧边栏的 NPM 脚本面板；
手动输入命令或寻找对应按钮再运行。
这个流程虽然可行，但在快速迭代或调试时略显繁琐，尤其当项目有多个启动脚本时，容易混淆。
期望功能
当用户在 pi-web 中打开 package.json 文件时，编辑器能够自动解析 scripts 字段，并在文件视图的顶部工具栏、侧边栏或悬浮卡片中展示可用的启动命令按钮（例如 ▶ dev、▶ start、▶ serve）。点击任一按钮，即可在集成的终端中直接执行对应的 npm/yarn/pnpm 命令，并实时显示输出日志。
使用场景
快速启动项目：打开 package.json 后一键运行开发服务器，无需切换上下文。
多脚本选择：当项目包含多种启动模式（如 dev:client、dev:server）时，可以清晰列出并快速选择。
新人友好：刚接触项目的开发者可以直接看到“如何启动”，降低上手门槛。
实现建议
解析 package.json 中的 scripts 对象，将键名作为按钮标签。
默认推荐高亮常用脚本（如 dev、start、serve），或按字母排序。
点击后调用终端 API 执行命令（如 npm run <script>），并自动切换到终端面板。
可增加“重新加载”按钮，方便用户修改 scripts 后刷新列表。
在前端开发中，package.json 的 scripts 字段是项目最常用的入口之一（如 dev、start、serve、build 等）。开发者在日常开发中频繁需要执行这些命令，但当前的工作流通常是：
打开 package.json 查看/修改配置；
切换到终端或侧边栏的 NPM 脚本面板；
手动输入命令或寻找对应按钮再运行。
这个流程虽然可行，但在快速迭代或调试时略显繁琐，尤其当项目有多个启动脚本时，容易混淆。
期望功能
当用户在 pi-web 中打开 package.json 文件时，编辑器能够自动解析 scripts 字段，并在文件视图的顶部工具栏、侧边栏或悬浮卡片中展示可用的启动命令按钮（例如 ▶ dev、▶ start、▶ serve）。点击任一按钮，即可在集成的终端中直接执行对应的 npm/yarn/pnpm 命令，并实时显示输出日志。
使用场景
快速启动项目：打开 package.json 后一键运行开发服务器，无需切换上下文。
多脚本选择：当项目包含多种启动模式（如 dev:client、dev:server）时，可以清晰列出并快速选择。
新人友好：刚接触项目的开发者可以直接看到“如何启动”，降低上手门槛。
实现建议
解析 package.json 中的 scripts 对象，将键名作为按钮标签。
默认推荐高亮常用脚本（如 dev、start、serve），或按字母排序。
点击后调用终端 API 执行命令（如 npm run <script>），并自动切换到终端面板。
可增加“重新加载”按钮，方便用户修改 scripts 后刷新列表。