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 文件的创建、修改、删除,并刷新对应视图。
使用方式
- 在 VS Code 中打开一个项目文件夹。
- 打开左侧 Activity Bar 的
Script Launchpad 面板。
- 在
NPM Scripts 或 BAT Scripts 视图中点击脚本运行。
- 右键脚本项可设置或清除备注。
- 点击视图标题栏的刷新按钮可手动刷新列表。
备注存储
备注保存在当前第一个工作区文件夹的:
.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 脚本会以带引号的绝对路径发送到终端,路径中包含空格时也可以运行。
- 多根工作区下,备注文件保存在第一个工作区文件夹中。
| |