Packagerun:VSCode 扩展 快捷执行命令

Packagerun:VSCode 快捷命令扩展(兼容cursor)

Packagerun 是一个为 前端和node开发者设计的 VSCode 扩展,旨在简化 package.json 中脚本的执行,并支持自定义命令以提升开发效率。通过右键菜单、快捷键或自定义配置,你可以快速运行项目脚本,告别繁琐的 npm run xxx 命令。当然,你也可以自定义命令,不止限于npm

功能概述

  • 快速运行脚本:直接从 package.json 中选择并执行 scripts。
  • 自定义命令:支持全局或项目级别的自定义命令配置。
  • 智能路径检测:自动查找最近的 package.json,无需手动指定路径。
  • 跨平台支持:兼容 Windows 和 Mac,快捷键操作简单。

提示:目前 Packagerun 依赖 package.json,未来可能支持更多项目类型。欢迎到 GitHub 提交需求或点个 Star 支持我们!😁

安装

  1. 打开 VSCode,进入 扩展 面板(快捷键 Ctrl+Shift+X / Cmd+Shift+X)。
  2. 搜索 Packagerun,点击 安装
  3. 安装完成后,无需额外配置即可使用。

使用方法

1. 右键运行

  • 在 VSCode 资源管理器中,找到你的 package.json 文件。
  • 右键点击,选择 Packagerun 菜单。
  • 从弹出的列表中选择需要运行的脚本。

2. 快捷键触发

  • 在项目中打开任意文件,使用以下快捷键:
    • WindowsCtrl + Alt + X
    • MacCtrl + Cmd + X
  • Packagerun 会自动查找最近的 package.json 并显示可运行的脚本列表。
  • 选择脚本后,命令将在 package.json 所在目录执行。

3. 自定义命令

你可以通过全局设置或项目配置文件添加自定义命令,满足特定需求。

配置

全局配置

在 VSCode 的 settings.json 中添加 packagerun.commandOptions 配置,适用于所有项目:

"packagerun.commandOptions": [{"label": "运行示例脚本","script": "node example.js","path": "D:/projects/example/" // 可选,指定执行目录// 若未指定 path 或设为 "package",则在最近的 package.json 目录执行}
]

访问设置

  1. 打开 VSCode 设置(Ctrl+, / Cmd+,)。
  2. 搜索 packagerun
  3. 编辑 packagerun.commandOptions 字段。

项目级配置

package.json 同级目录下创建 packagerun.config.json 文件,仅对当前项目生效:

{"commandOptions": [{"label": "安装依赖","script": "npm i","path": "package" // 在 package.json 所在目录执行}]
}

配置字段说明

字段说明
label命令的显示名称,必须唯一,用于在菜单中标识命令。
script要执行的命令,例如 npm inode xxx.js
path可选,指定命令执行的目录。设为 "package" 或省略时,使用 package.json 所在目录。

警告

重要:请确保每个命令的 label 在全局和项目配置中保持唯一,否则可能导致命令冲突。

示例场景

场景 1:快速运行开发服务器

假设你的 package.json 包含以下脚本:

{"scripts": {"dev": "vite"}
}
  • 右键 package.json 或使用快捷键 Ctrl + Alt + X
  • 选择 dev,即可启动开发服务器。

场景 2:自定义命令

你需要在项目中频繁运行 node scripts/build.js,可以添加以下配置到 packagerun.config.json

{"commandOptions": [{"label": "构建项目","script": "node scripts/build.js","path": "package"}]
}

之后,通过快捷键或右键菜单即可快速运行该命令。

常见问题

Q:为什么快捷键没有反应?
A:确保你已打开项目中的文件,且项目中存在 package.json。检查快捷键是否被其他扩展占用(在 VSCode 设置中搜索 keyboard shortcuts)。

Q:如何在非 Node.js 项目中使用?
A:目前 Packagerun 依赖 package.json,但你可以通过自定义命令运行任意脚本。欢迎到 GitHub 提交需求以支持更多场景。

贡献与支持

Packagerun 是一个开源项目,我们欢迎你的反馈和贡献!

  • 提交建议:访问 GitHub Issues 提交功能需求或 bug 报告。
  • 支持项目:点个 Star 鼓励我们开发更多功能!😁
  • 参与开发:欢迎提交 Pull Request,共同完善 Packagerun。

感谢使用 Packagerun!希望它能为你的开发工作带来便利!🚀

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.pswp.cn/pingmian/84864.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【C语言】计算机组成、计算机语言介绍

1.1 计算机组成 1946年2月14日,由美国军方定制的世界上第一台电子计算机“电子数字积分计算机”( ENIAC Electronic Numerical And Calculator)在美国宾夕法尼亚大学问世。 计算机(俗称电脑)堪称是人类智慧的结晶,随着计算机的不断发展,各行各…

(九)山东大学软件学院项目实训-基于大模型的模拟面试系统-面试对话标题自动总结

面试对话标题自动总结 主要实现思路:每当AI回复用户之后,调用方法查看当前对话是否大于三条,如果大于则将用户的两条和AI回复的一条对话传给DeepSeek让其进行总结(后端),总结后调用updateChatTopic进行更新…

降阶法求解偏微分方程

求解给定的四个偏微分方程,采用降阶法,令 v = u x v = u_x v=ux​,从而将原方程转化为关于 v v v 的一阶方程。 方程 u x y = 0 u_{xy} = 0 uxy​=0 令 v = u x v = u_x v=ux​,则方程变为 v y = 0 v_y = 0 vy​=0。解得 v = C 1 ( x ) v = C_1(x) v=C1​(x),即 u …

提的缺陷开发不改,测试该怎么办?

经历长时间的细致检查,逐条执行数十条测试用例,终于发现一处疑似缺陷。截图留存、粘贴日志,认真整理好各项信息,将它提交到缺陷管理系统。可不到五分钟,这条缺陷就被打回了。开发人员给出的回复十分简洁:“…

【Flutter】Widget、Element和Render的关系-Flutter三棵树

【Flutter】Widget、Element和Render的关系-Flutter三棵树 一、前言 在 Flutter 中,所谓的“三棵树”是指: Widget Tree(部件树)Element Tree(元素树)Render Tree(渲染树) 它们是…

IO之详解cin(c++IO关键理解)

目录 cin原理介绍 控制符(hex、oct、dec) cin如何检查输入 cin与字符串 cin.get(char ch) cin.get(void) istream &get(char*,int) istream &get(char*,int,char) istream &getline(char*,int); 遇到文件结尾EOF 无法完成一次完整输入:设置f…

Bootstrap 5学习教程,从入门到精通, Bootstrap 5 分页(Pagination)知识点及案例代码(13)

Bootstrap 5 分页(Pagination)知识点及案例代码 Bootstrap 5 提供了强大的分页组件,帮助开发者轻松实现分页功能。以下是关于 Bootstrap 5 分页的详细语法知识点以及一个完整的案例代码,包含详细注释,帮助初学者快速上…

Dina靶机渗透

1.信息查询 1.1. Ip查询 arp-scan -l 192.168.220.137 1.2. 端口收集 nmap -T4 -A -p- 192.168.220.137 1.3. 目录扫描 dirsearch -u 192.168.220.137 -e* -i 200 通过访问 robots.txt 文件发现有些禁止访问得目录 User-agent: *Disallow: /ange1Disallow: /angel1Dis…

通俗理解存储过程注入

【通俗理解】存储过程注入:SQL注入的“豪华升级版” 一、从厨房做菜说起:为什么需要存储过程? 想象你经营一家连锁餐厅,每道菜的制作流程非常复杂(比如“招牌红烧肉”需要先焯水、再炒糖色、最后慢炖1小时&#xff09…

【算法】基于中位数和MAD鲁棒平均值计算算法

问题 在项目中,需要对异常值进行剔除,需要一种鲁棒性比较好的方法,总结了一个实践方法。 方法 基于中位数和MAD(中位数绝对偏差)的鲁棒平均值计算算法的详细过程,按照您要求的步骤分解: 算法…

插入点(position) 和对齐点(AlignmentPoint)详解——CAD c#二次开发

在 AutoCAD 中,文本对象的位置由插入点(position) 和对齐点(Alignment Point) 共同控制,两者的关系取决于文本的对齐方式。以下是详细说明: 一、插入点与对齐点的定义 1. 插入点(p…

QT打包应用

本次工程使用qt mingGw 64-bit 下面详细介绍下windows平台qt应用程序打包流程 1、先编译项目的release版本生成exe文件 2、创建脚本运行windeployqt.exe完成打包 rundeploy.bat脚本 set PATHE:\Tools\qt\Qt5\5.14.2\mingw73_64\bin;%PATH% windeployqt.exe MyDesignWidget.ex…

[软件测试]:什么是自动化测试?selenium+webdriver-manager的安装,实现你的第一个脚本

目录 1. 什么是自动化测试? 回归测试 自动化分类 2. web自动化测试 3. selenium 1. 什么是自动化测试? 通过自动化测试工具,编写脚本,自动执行测试用例,主要用于回归测试,性能测试等重复测试任务 常…

使用OpenCV和Python进行图像掩膜与直方图分析

文章目录 引言1. 准备工作2. 加载并显示原始图像3. 创建掩膜3. 应用掩膜5. 计算并显示直方图6. 结果分析7. 总结 引言 在图像处理中,掩膜(Mask)是一个非常重要的概念,它允许我们选择性地处理图像的特定区域。今天,我将通过一个实际的例子来展…

Genio 1200 Evaluation MT8395平台安装ubuntu

官网教程: Getting Started with Genio 1200 Evaluation Kit — Ubuntu on Genio documentation Windows PC工具: Setup Tool Environment (Windows) — IoT Yocto documentation 镜像下载地址: Install Ubuntu on MediaTek Genio | Ubu…

如何画好架构图:架构思维的三大底层逻辑

👉目录 0 前言 1 宏观 2 中观 3 微观 4 补充 俗话说,一图胜千言。日常工作中,当我们要表达自己的设计思路的时候,会画各式各样的图。但因为各自知识储备的差异,思维的差异,不同类型的系统侧重的架构设计点也…

Spring MVC扩展消息转换器-->格式化时间信息

Spring MVC 的消息转换器的作用:在 HTTP 请求/响应与 Java 对象之间进行转换 可以自行扩展消息转换器 一、创建对象映射规则 package com.sky.json;import com.fasterxml.jackson.databind.DeserializationFeature; import com.fasterxml.jackson.databind.Objec…

Elasticsearch 的自动补全以及RestAPI的使用

Elasticsearch 提供了强大的自动补全 (Autocomplete) 功能,以下为一个基础的自动补全DSL语句 {"suggest": {"my_suggestion": { // 自定义建议器名称,可按需修改"text": "ap", // 用户输入的前缀(如搜索框…

1.4、SDH网状拓扑

链形网星形网树形网环形网网孔形网 1.链形拓扑 结构: 节点像链条一样首尾依次串联连接。信号从一个节点传到下一个节点,直至终点。 特点: 简单经济: 结构最简单,成本最低,适用于沿线覆盖(如铁…

如何在 ArcGIS 中使用 Microsoft Excel 文件_20250614

如何在 ArcGIS 中使用 Microsoft Excel 文件 软件版本:win11; ArcGIS10.8; Office2024 1. 确认 ArcGIS 10.8 对 .xlsx 文件的支持 ArcGIS 10.8 支持 .xlsx 文件(Excel 2007 及以上格式),但需要安装 Microsoft Access Database …