」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > rnr:適用於每個專案運行腳本的工具

rnr:適用於每個專案運行腳本的工具

發佈於2024-11-08
瀏覽:114

rnr: The Tool That Speaks Every Project run scripts

嘿,JavaScript 和 TypeScript 開發者! ?您是否厭倦了使用不同的命令來啟動各種 JS 專案?好吧,我有一些令人興奮的消息要告訴你!我創建了一個名為 rnr(發音為“runner”)的工具,它使運行任何 JavaScript 或 TypeScript 專案變得超級容易。

rnr 是什麼以及我為什麼這麼做?

假設您正在開發多個 JavaScript 專案 - 也許是一個 React 應用程式、一個 Node.js 伺服器和一個 Vue.js 網站。每個都需要不同的命令來啟動。這就像擁有一堆不同的遙控器,每個設備一個。很混亂吧?

這就是我製作rnr的原因。它就像 JS 和 TS 專案的通用遙控器。您只需輸入 rnr,它就會知道如何啟動您的項目,無論您使用什麼框架或庫!

rnr 可以做的很酷的事情

  1. 它很聰明:rnr 查看您的專案並知道它是 React、Vue、Express 還是任何其他流行的 JS 框架。

  2. 適用於許多 JS 專案

  3. 適用於許多 JS 專案
  4. :無論您使用 Next.js、Express、React、Vue 或純 JavaScript,rnr 都知道如何處理它們。

  5. 選擇最佳套件管理器
  6. :rnr 會自動在 npm、Yarn、pnpm 或 Bun 之間進行選擇 - 無論哪個最適合您的專案。

  7. 一個指令搞定一切
  8. :想要在開發模式下運作?建構你的專案?在生產模式下啟動它? rnr 只需對命令進行微小的更改即可完成所有這些操作。

  9. 易於設定
:rnr 可以自行設置,但如果您想自訂它如何與您的專案配合使用,您可以進行調整。

rnr 模式:運行 JS 專案的不同方式
  1. rnr 非常靈活。它有不同的模式來幫助您以不同的方式處理 JavaScript 專案:


    開發模式
  2. :這適用於您正在編碼並希望立即看到更改的情況。這就像實時預覽您的作品。
  3. 像這樣使用它: rnr dev 或只是 rnr


    建置模式
  4. :當您準備好部署專案時,請使用此模式。這就像打包您的應用程式以進行運輸。
  5. 像這樣使用它:rnr build


    生產模式
  6. :這用於在生產環境中運行您的應用程式。它針對效能進行最佳化,而不是針對開發。
像這樣使用它:rnr prod

我們不會就此止步!我們正在努力添加更多模式,讓您的 JavaScript 開發生活更加輕鬆。


如何開始使用 rnr

取得 rnr 非常簡單。只需在命令列中輸入:
npm i -g @sujit-shrc/rnr


npm i -g @sujit-shrc/rnr

rnr

rnr

就是這樣! rnr 將為您啟動您的專案。


為什麼我做了rnr

身為 JavaScript 開發人員,我厭倦了在不同專案的 npm run dev、yarn start、pnpm runserve 等之間切換。我想:「一定有更好的方法!」這就是 rnr 的誕生 - 讓運行 JS 專案變得簡單和一致。

轉到 npmjs
  • 為什麼你會喜歡 rnr
  • 節省時間:不再需要尋找如何啟動每個 JS 專案。
  • 適用於所有 JS 框架:對 React、Vue、Angular 或 Node.js 專案使用相同的命令。
  • 輕鬆模式切換:輕鬆切換開發、生產與建置模式。
不斷變得更好

:我們一直在增加對更多 JS 工具和框架的支援。

rnr 的下一步是什麼?

我們正在努力讓 rnr 為 JavaScript 和 TypeScript 開發人員提供更好的服務!我們正在考慮添加對更多框架的支持,改進它檢測項目類型的方式,甚至可能添加一些用於測試和調試的很酷的功能。敬請關注!


今天就試試吧!

npm i -g @sujit-shrc/rnr

npm i -g @sujit-shrc/rnr

查看我們的 GitHub 儲存庫以了解更多資訊、報告任何問題或為讓 rnr 更好地為 JS 社群做出貢獻。

讓我們一起讓 JavaScript 開發變得更簡單、更有趣!

JS 愛好者,編碼愉快! ?

附註我們很想聽聽您對 rnr 的看法!你在你的 JavaScript 專案中嘗試過嗎?您有什麼想法可以讓 TypeScript 使用者變得更好嗎?請在評論中或在 GitHub 上告訴我們。您的回饋有助於我們讓 rnr 為所有 JS 開發人員提供出色的服務!

rnr: The Tool That Speaks Every Project run scripts

版本聲明 本文轉載於:https://dev.to/sujit-shrc/rnr-the-tool-that-speaks-every-project-run-scripts-35kb?1如有侵犯,請聯絡[email protected]刪除
最新教學 更多>
  • 如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    如何在 PHP 中組合兩個關聯數組,同時保留唯一 ID 並處理重複名稱?
    在 PHP 中組合關聯數組在 PHP 中,將兩個關聯數組組合成一個數組是常見任務。考慮以下請求:問題描述:提供的代碼定義了兩個關聯數組,$array1和$array2。目標是建立一個新陣列 $array3,它合併兩個陣列中的所有鍵值對。 此外,提供的陣列具有唯一的 ID,而名稱可能重疊。要求是建構一...
    程式設計 發佈於2024-12-26
  • 插入資料時如何修復「常規錯誤:2006 MySQL 伺服器已消失」?
    插入資料時如何修復「常規錯誤:2006 MySQL 伺服器已消失」?
    插入記錄時如何解決「一般錯誤:2006 MySQL 伺服器已消失」介紹:將資料插入MySQL 資料庫有時會導致錯誤「一般錯誤:2006 MySQL 伺服器已消失」。當與伺服器的連線遺失時會出現此錯誤,通常是由於 MySQL 配置中的兩個變數之一所致。 解決方案:解決此錯誤的關鍵是調整wait_tim...
    程式設計 發佈於2024-12-26
  • Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta 中的列偏移發生了什麼事?
    Bootstrap 4 Beta:列偏移的刪除和恢復Bootstrap 4 在其Beta 1 版本中引入了重大更改柱子偏移了。然而,隨著 Beta 2 的後續發布,這些變化已經逆轉。 從 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    程式設計 發佈於2024-12-26
  • HTML 格式標籤
    HTML 格式標籤
    HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...
    程式設計 發佈於2024-12-26
  • 在 Go 中使用 WebSocket 進行即時通信
    在 Go 中使用 WebSocket 進行即時通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSocke...
    程式設計 發佈於2024-12-26
  • 儘管程式碼有效,為什麼 POST 請求無法擷取 PHP 中的輸入?
    儘管程式碼有效,為什麼 POST 請求無法擷取 PHP 中的輸入?
    解決PHP 中的POST 請求故障在提供的程式碼片段中:action=''而非:action="<?php echo $_SERVER['PHP_SELF'];?>";?>"檢查$_POST陣列:表單提交後使用 var_dump 檢查 $_POST 陣列的內...
    程式設計 發佈於2024-12-26
  • 大批
    大批
    方法是可以在物件上呼叫的 fns 數組是對象,因此它們在 JS 中也有方法。 slice(begin):將陣列的一部分提取到新數組中,而不改變原始數組。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index ...
    程式設計 發佈於2024-12-26
  • 如何在 PHP 中轉換所有類型的智慧引號?
    如何在 PHP 中轉換所有類型的智慧引號?
    在 PHP 中轉換所有類型的智慧引號智慧引號是用來取代常規直引號(' 和")的印刷標記。它們提供了更精緻和然而,軟體應用程式通常會在不同類型的智能引號之間進行轉換,從而導致不一致。智能引號中的挑戰轉換轉換智慧引號的困難在於用於表示它們的各種編碼和字符,不同的作業系統和軟體程式採用自...
    程式設計 發佈於2024-12-26
  • 循環 JavaScript 陣列有哪些不同的方法?
    循環 JavaScript 陣列有哪些不同的方法?
    使用 JavaScript 迴圈遍歷陣列遍歷陣列的元素是 JavaScript 中常見的任務。有多種方法可供選擇,每種方法都有自己的優點和限制。讓我們探討一下這些選項:陣列1。 for-of 遵循(ES2015 )此循環使用迭代器迭代數組的值:const arr = ["a", ...
    程式設計 發佈於2024-12-26
  • 如何在 Python 中有效地暫停 Selenium WebDriver 執行?
    如何在 Python 中有效地暫停 Selenium WebDriver 執行?
    Selenium WebDriver 中的等待與條件語句問題: 如何在 Python 中暫停 Selenium WebDriver 執行幾毫秒? 答案:雖然time.sleep() 函數可用於暫停執行指定的秒數,在 Selenium WebDriver 自動化中一般不建議使用。 使用 Seleniu...
    程式設計 發佈於2024-12-26
  • C++ 賦值運算子應該是虛擬的嗎?
    C++ 賦值運算子應該是虛擬的嗎?
    C 中的虛擬賦值運算子及其必要性雖然賦值運算子可以在C 中定義為虛擬,但這不是強制要求。然而,這種虛擬聲明引發了關於虛擬性的必要性以及其他運算子是否也可以虛擬的問題。 虛擬賦值運算子的案例賦值運算子本質上並非虛擬。然而,當將繼承類別的物件分配給基類變數時,它就變得必要了。這種動態綁定保證了呼叫基於物...
    程式設計 發佈於2024-12-26
  • JavaScript 中的 Let 與 Var:範圍和用法有什麼區別?
    JavaScript 中的 Let 與 Var:範圍和用法有什麼區別?
    JavaScript 中的Let 與Var:揭秘範圍和臨時死區在ECMAScript 6 中引入,let 語句引發了開發人員的語句引發了開發人員的語句引發了開發人員的語句困惑,特別是它與已建立的var 關鍵字有何不同。本文深入研究了這兩個變數聲明之間的細微差別,重點介紹了它們的作用域規則和最佳用例。...
    程式設計 發佈於2024-12-26
  • 如何使用 JavaScript 用逗號分割字串,忽略雙引號內的逗號?
    如何使用 JavaScript 用逗號分割字串,忽略雙引號內的逗號?
    使用JavaScript 用逗號分割字串,忽略雙引號內的逗號解決用逗號分割字串同時保留double 的挑戰-引用段,我們可以在JavaScript 中使用正規表示式。方法如下:var str = 'a, b, c, "d, e, f", g, h'; var arr = str....
    程式設計 發佈於2024-12-26
  • JavaScript 函數表達式中的感嘆號 (!) 有何作用?
    JavaScript 函數表達式中的感嘆號 (!) 有何作用?
    揭示函數表達式中感嘆號的用途在JavaScript 中,執行程式碼時,前面遇到感嘆號(!)函數可能會引發一些問題。讓我們深入研究一下它的功能及其在語法中的作用。 JavaScript 的語法規定,以「function foo() {}」形式宣告的函數是函數聲明,需要呼叫才能執行。然而,預處理帶有感嘆...
    程式設計 發佈於2024-12-26
  • 如何在 Go 中以程式設計方式存取文件組 ID (GID)?
    如何在 Go 中以程式設計方式存取文件組 ID (GID)?
    在Go 中訪問文件組ID (GID)在Go 中,os.Stat() 函數檢索文件信息,包括其系統資訊-特定屬性。此資訊儲存在 syscall.Sys 介面中。雖然列印介面直接顯示 GID,但以程式設計方式存取它會帶來挑戰。 要以 Linux 系統的字串形式取得 GID:file_info, _ :=...
    程式設計 發佈於2024-12-26

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3