ホームページ > ウェブフロントエンド > jsチュートリアル > rnr: あらゆるプロジェクトの実行スクリプトを話すツール

rnr: あらゆるプロジェクトの実行スクリプトを話すツール

Susan Sarandon
リリース: 2024-09-29 06:20:29
オリジナル
733 人が閲覧しました

rnr: The Tool That Speaks Every Project run scripts

JavaScript および TypeScript 開発者の皆さん、こんにちは! ?さまざまな JS プロジェクトを開始するためにさまざまなコマンドをやりくりすることにうんざりしていませんか?さて、皆さんに嬉しいニュースがあります!私は、JavaScript または TypeScript プロジェクトの実行を非常に簡単にする rnr (「ランナー」と発音します) というツールを作成しました。

rnrとは何ですか?なぜそれを作ったのか?

あなたがいくつかの JavaScript プロジェクト (React アプリ、Node.js サーバー、Vue.js Web サイトなど) に取り組んでいることを想像してください。それぞれを開始するには異なるコマンドが必要です。それは、各デバイスに 1 つずつ、さまざまなリモコンがたくさんあるようなものです。紛らわしいですよね?

それが私がrnrを作った理由です。これは、JS および TS プロジェクトのユニバーサル リモートのようなものです。 「rnr」と入力するだけで、使用しているフレームワークやライブラリに関係なく、プロジェクトの開始方法が自動的に表示されます。

rnr ができる素晴らしいこと

  1. スマートです: rnr はプロジェクトを見て、それが React、Vue、Express、またはその他の一般的な JS フレームワークであるかどうかを判断します。

  2. 多くの JS プロジェクトで動作します: Next.js、Express、React、Vue、または単純な JavaScript を使用しているかどうかに関係なく、rnr はそれらすべての処理方法を知っています。

  3. 最適なパッケージ マネージャーを選択します: rnr は、npm、Yarn、pnpm、Bun のいずれか、プロジェクトに最適なものを自動的に選択します。

  4. 1 つのコマンドですべてが完了: 開発モードで実行したいですか?プロジェクトを構築しますか?本番モードで起動しますか? rnr はコマンドを少し変更するだけでこれらすべてを実行できます。

  5. セットアップが簡単: rnr は自動的にセットアップされますが、プロジェクトでの動作をカスタマイズしたい場合は、調整することができます。

rnr モード: JS プロジェクトを実行するさまざまな方法

rnr は非常に柔軟です。さまざまな方法で JavaScript プロジェクトに取り組むのに役立つさまざまなモードがあります:

  1. 開発モード: これは、コーディング中に変更をすぐに確認したい場合に使用します。自分の作品をライブ プレビューしているようなものです。
    次のように使用します: rnr dev または単に rnr

  2. ビルド モード: プロジェクトをデプロイする準備ができたら、このモードを使用します。これは、アプリを出荷用に梱包するようなものです。
    次のように使用します: rnr build

  3. 実稼働モード: これは、実稼働環境でアプリを実行するためのものです。開発のためではなく、パフォーマンスのために最適化されています。
    次のように使用します: rnr prod

そして、これで終わりではありません!私たちは、JavaScript 開発作業を容易にするために、さらに多くのモードを追加することに取り組んでいます。

rnr を始める方法

rnr を取得するのは非常に簡単です。コマンドラインに次のように入力するだけです:
ここで探索してください

1

npm i -g @sujit-shrc/rnr

ログイン後にコピー
ログイン後にコピー

次に、JavaScript または TypeScript プロジェクト フォルダーのいずれかに移動し、次のように入力します。

1

rnr

ログイン後にコピー

それだけです! rnr があなたのプロジェクトを開始します。

私がrnrを作った理由

JavaScript 開発者として、私はプロジェクトごとに npm run dev、yarn start、pnpm runserve などを切り替えることにうんざりしていました。 「もっと良い方法があるはずだ!」と思いました。 JS プロジェクトの実行をシンプルかつ一貫性のあるものにするために、rnr が誕生しました。
npmjs

に移動します

なぜあなたはrnrを好きになるのか

  • 時間の節約: 各 JS プロジェクトの開始方法を調べる必要はもうありません。
  • すべての JS フレームワークで動作します: React、Vue、Angular、または Node.js プロジェクトに同じコマンドを使用します。
  • 簡単なモード切り替え: 開発、実稼働、ビルド モードを簡単に切り替えます。
  • 改善を続ける: 私たちは常に、より多くの JS ツールとフレームワークのサポートを追加しています。

rnrの次は何でしょうか?

私たちは、JavaScript および TypeScript 開発者にとって rnr をさらに改良することに取り組んでいます。私たちは、より多くのフレームワークのサポートの追加、プロジェクト タイプの検出方法の改善、さらにはテストとデバッグのための優れた機能の追加を検討しています。乞うご期待!

今すぐrnrを試してみましょう!

JavaScript および TypeScript プロジェクトの実行を非常に簡単にしたいと思いませんか? rnr を試してみてください:

1

npm i -g @sujit-shrc/rnr

ログイン後にコピー
ログイン後にコピー

GitHub リポジトリをチェックして、詳細を確認したり、問題を報告したり、JS コミュニティにとって rnr をより良くするために貢献したりできます。

一緒に JavaScript 開発をもっと簡単に、そして楽しくしていきましょう!

JS 愛好家の皆さん、コーディングを楽しんでください! ?


追伸rnr についてのご意見をぜひお聞かせください。 JavaScript プロジェクトで試してみましたか? TypeScript ユーザーにとってより良いものにするためのアイデアはありますか?コメントまたは GitHub でお知らせください。あなたのフィードバックは、rnr をすべての JS 開発者にとって素晴らしいものにするのに役立ちます!

以上がrnr: あらゆるプロジェクトの実行スクリプトを話すツールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート