AiDSC Run
一个面向前端 Vue / React 项目的 VS Code 扩展,用于在编辑器左侧活动栏提供一个「AiDSC Run」视图,自动读取当前工作区根目录下 package.json 中的 scripts,并将常见脚本映射为中文说明,方便非研发同学一键运行项目脚本。
功能特性
- 自动读取脚本:从工作区根目录的
package.json 中读取 scripts。
- 中文语义映射:将常见脚本名称(如
dev、build、test、lint 等)映射为中文说明,例如「启动开发环境」「打包构建」「代码检查」等。
- 一键运行:点击列表中的某一项后,会在 VS Code 内置终端中自动执行对应脚本。
- 自动识别包管理器:根据项目是否存在
yarn.lock、pnpm-lock.yaml、bun.lockb 自动选择 yarn / pnpm / bun / npm。
使用方式(本地开发 / 调试)
使用 VS Code 进行调试:
- 在该窗口中打开你的 Vue/React 项目(例如当前的
AiDSC-aidsc 项目根目录),左侧活动栏即可看到 AiDSC Run 图标。
在 AiDSC Run 视图中:
- 会自动列出
package.json 中的所有 scripts。
- 列表项标题为中文说明,描述为脚本名。
- 点击某一项会在终端中执行对应脚本。
部署发布
- npm install -g @vscode/vsce
- 更新版本号
- vsce package
- 提交vsix包审核
说明
- 当前默认只读取第一个工作区根目录的
package.json(即单仓库或多根工作区中的第一个)。
- 该扩展特别适合:
- Vue 项目:如
dev / build / lint / test 等脚本。
- React 项目:如
start / build / test 等脚本。
- 对于无法识别的脚本名,会以「运行脚本:脚本名」的形式展示到列表中。
| |