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

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

發佈於2024-09-30
瀏覽:738

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 設計模式:轉接器
    PHP 設計模式:轉接器
    適配器設計模式是一種結構模式,允許具有不相容介面的物件一起工作。它充當兩個物件之間的中介(或適配​​器),將一個物件的介面轉換為另一個物件期望的介面。這允許那些因為具有不同介面而不相容的類別在不修改其原始程式碼的情況下進行協作。 適配器結構 適配器模式一般由三個主要元素組成: 客戶端:期望與特定介...
    程式設計 發佈於2024-11-06
  • 了解 PHP 中的 WebSocket
    了解 PHP 中的 WebSocket
    WebSockets 通过单个 TCP 连接提供实时、全双工通信通道。与 HTTP 不同,HTTP 中客户端向服务器发送请求并等待响应,WebSocket 允许客户端和服务器之间进行连续通信,而无需多次请求。这非常适合需要实时更新的应用程序,例如聊天应用程序、实时通知和在线游戏。 在本指南中,我们将...
    程式設計 發佈於2024-11-06
  • Visual Studio 2012 支援哪些 C++11 功能?
    Visual Studio 2012 支援哪些 C++11 功能?
    Visual Studio 2012 中的 C 11 功能隨著最近發布的 Visual Studio 2012 預覽版,許多開發人員對 C 11 功能的支援感到好奇。雖然 Visual Studio 2010 已提供部分 C 11 支持,但新版本提供了擴充的功能。 Visual Studio 201...
    程式設計 發佈於2024-11-06
  • 如何在Windows啟動時自動執行Python腳本?
    如何在Windows啟動時自動執行Python腳本?
    在 Windows 啟動時運行 Python 腳本每次 Windows 啟動時執行 Python 腳本對於自動化任務或啟動基本程式至關重要。多種方法提供不同等級的自訂和使用者控制。 自動執行腳本的選項:1。打包為服務:建立 Windows 服務並安裝它。此方法在電腦上運行腳本,無論使用者是否登入。需...
    程式設計 發佈於2024-11-06
  • 探索 Astral.CSS:徹底改變網頁設計的 CSS 框架。
    探索 Astral.CSS:徹底改變網頁設計的 CSS 框架。
    在快節奏的 Web 開發世界中,框架在幫助開發人員高效創建具有視覺吸引力和功能性的網站方面發揮著關鍵作用。在當今可用的各種框架中,Astral CSS 因其獨特的設計理念和易用性而脫穎而出。本文深入探討了 Astral CSS 的功能、優點和整體影響。 什麼是星界? Astral 是一個現代 C...
    程式設計 發佈於2024-11-06
  • ESnd 箭頭函數綜合指南
    ESnd 箭頭函數綜合指南
    ES6简介 ECMAScript 2015,也称为 ES6 (ECMAScript 6),是对 JavaScript 的重大更新,引入了新的语法和功能,使编码更高效、更易于管理。 JavaScript 是用于 Web 开发的最流行的编程语言之一,ES6 的改进大大增强了其功能。 本...
    程式設計 發佈於2024-11-06
  • 揭示演算法和資料結構:高效程式設計的基礎
    揭示演算法和資料結構:高效程式設計的基礎
    在這一系列文章中,我將分享我的學習歷程,涉及在學術環境和大型科技公司中廣泛討論的兩個主題:演算法和資料結構。儘管這些主題乍看之下似乎令人畏懼,特別是對於像我這樣由於其他職業挑戰而在整個職業生涯中沒有機會深入研究這些主題的人,但我的目標是讓它們易於理解。 我將從最基本的概念開始,然後轉向更高級的主題...
    程式設計 發佈於2024-11-06
  • 如何使用 pprof 來分析 Go 程式中的 goroutine 數量?
    如何使用 pprof 來分析 Go 程式中的 goroutine 數量?
    使用 pprof 分析 Goroutine 數量使用 pprof 分析 Goroutine 數量檢測 Go 程式中潛在的 Goroutine 洩漏需要監控一段時間內活動的 Goroutine 數量。雖然標準 go 工具 pprof 命令提供了對阻塞的深入了解,但它並不直接解決 goroutine 計...
    程式設計 發佈於2024-11-06
  • 如何將類別方法作為回調傳遞:了解機制和技術
    如何將類別方法作為回調傳遞:了解機制和技術
    如何將類別方法作為回調傳遞後台在某些場景下,您可能需要將類別方法作為回調傳遞給其他函數以提高效率具體任務的執行。本文將引導您完成實現此目的的各種機制。 使用可調用語法要將函數作為回調傳遞,您可以直接將其名稱作為字串提供。但是,此方法不適用於類別方法。 傳遞實例方法類別實例方法可以使用陣列作為回調傳遞...
    程式設計 發佈於2024-11-06
  • 網頁抓取 - 有趣!
    網頁抓取 - 有趣!
    一個很酷的術語: CRON = 依指定時間間隔自動安排任務的程式設計技術 網路什麼? 在研究專案等時,我們通常會從各個網站編寫資訊 - 無論是日記/Excel/文件等。 我們正在抓取網路並手動提取資料。 網路抓取正在自動化這個過程。 例子 當在網路上搜尋運動鞋時...
    程式設計 發佈於2024-11-06
  • 感言網格部分
    感言網格部分
    ?在學習 CSS 網格時剛剛完成了這個推薦網格部分的建立! ?網格非常適合建立結構化佈局。 ?現場示範:https://courageous-chebakia-b55f43.netlify.app/ ? GitHub:https://github.com/khanimran17/Testimoni...
    程式設計 發佈於2024-11-06
  • 為什麼 REGISTER_GLOBALS 被認為是 PHP 中的主要安全風險?
    為什麼 REGISTER_GLOBALS 被認為是 PHP 中的主要安全風險?
    REGISTER_GLOBALS 的危險REGISTER_GLOBALS 是一個 PHP 設定,它允許所有 GET 和 POST 變數在 PHP 腳本中用作全域變數。此功能可能看起來很方便,但由於潛在的安全漏洞和編碼實踐,強烈建議不要使用它。 為什麼 REGISTER_GLOBALS 不好? REG...
    程式設計 發佈於2024-11-06
  • Nodemailer 概述:在 Node.js 中輕鬆發送電子郵件
    Nodemailer 概述:在 Node.js 中輕鬆發送電子郵件
    Nodemailer 是用於發送電子郵件的 Node.js 模組。以下是快速概述: Transporter:定義電子郵件的傳送方式(透過 Gmail、自訂 SMTP 等)。 const transporter = nodemailer.createTransport({ ... }); 訊息物...
    程式設計 發佈於2024-11-06
  • JavaScript 中的輕鬆錯誤處理:安全賦值運算子如何簡化您的程式碼
    JavaScript 中的輕鬆錯誤處理:安全賦值運算子如何簡化您的程式碼
    JavaScript 中的錯誤處理可能很混亂。將大塊程式碼包裝在 try/catch 語句中是可行的,但隨著專案的成長,調試就變成了一場噩夢。幸運的是,有更好的方法。輸入 安全賦值運算子 (?=) - 一種更乾淨、更有效的錯誤處理方法,可將程式碼保持可讀性並簡化偵錯。 什麼是安全賦...
    程式設計 發佈於2024-11-06
  • Javascript 很難(有悲傷)
    Javascript 很難(有悲傷)
    这将是一个很长的阅读,但让我再说一遍。 JAVASCRIPT很难。上次我们见面时,我正在踏入 Javascript 的世界,一个眼睛明亮、充满希望的程序员踏入野生丛林,说“这能有多难?”。我错得有多离谱??事情变得更难了,我(勉强)活了下来,这是关于我的旅程的一个小混乱的故事。 变量:疯狂的开始 ...
    程式設計 發佈於2024-11-06

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

Copyright© 2022 湘ICP备2022001581号-3