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
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/84864.shtml
英文地址,請注明出處:http://en.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 …