package.jsonジェネレーター

フォームフィールド、バリデーション、テンプレートプリセット、ライブJSONプレビューでpackage.jsonファイルをビジュアルに生成します。

このツールについて

package.jsonジェネレーターは、生のJSONを手動で編集する代わりに ビジュアルフォームを通じてpackage.jsonファイルを作成できる 無料のブラウザベースツールです。新しいnpmパッケージのブートストラップ、 モノレポのセットアップ、既存プロジェクトの変換など、正しく構造化された マニフェストを数秒で生成できます。

package.jsonファイルはすべてのNode.jsプロジェクトの中核です。 npm(またはyarn、pnpm)にどの依存関係をインストールし、どのスクリプトを 実行し、エントリーポイントの場所はどこか、レジストリに公開する メタデータは何かを伝えます。最初から構造を正しく整えておくことで、 特にexportsenginesfilesなど特定のフォーマット要件がある フィールドでの問題を回避できます。

すべての処理はブラウザ内で完結します。データがサーバーに送信されることは ないため、どんなプロジェクトでも安全に使用できます。フォームはnpmの 命名規則(小文字、スペースなし、スコープ付き名前対応)に基づいて パッケージ名をバリデーションし、バージョン番号をリアルタイムで 有効なsemver形式かチェックします。

すぐに始められるよう5つのテンプレートプリセットが含まれています: Node.js CLI、Reactアプリ、Express API、TypeScriptライブラリ、 モノレポルート。各プリセットは、そのプロジェクトタイプに適した一般的な スクリプト、依存関係、設定フィールドを自動入力します。プリセットを 適用した後でも、すべてのフィールドをカスタマイズできます。

使い方

  1. 必要に応じてテンプレートプリセット(Node.js CLI、Reactアプリ、Express API、TypeScriptライブラリ、モノレポルート)を選択して、一般的なフィールドを自動入力します。
  2. 基本情報を入力します:パッケージ名(必須)、バージョン(必須、semver形式)、説明、作者、ライセンス、パッケージがプライベートかどうか。
  3. エントリーポイントセクションを展開して、mainmoduletypesexportsフィールドを設定します。
  4. クイック追加プリセットボタン(start、dev、build、test、lint)を使用するか、カスタムのキーバリューペアを作成してスクリプトを追加します。
  5. パッケージ名とバージョン範囲を指定して、dependenciesdevDependenciespeerDependenciesを追加します。
  6. Advancedを展開して、リポジトリ、bugs、homepage、エンジン制約、filesアレイを設定します。
  7. 右側のライブJSONプレビューを確認し、CopyまたはDownloadでファイルを取得します。Ctrl+Shift+Cのキーボードショートカットでコピーできます。

よくある質問

package.jsonファイルとは何ですか?

package.jsonファイルはNode.jsプロジェクトのマニフェストです。プロジェクトの名前、バージョン、依存関係、スクリプト、エントリーポイント、その他のメタデータを記述します。npm、yarn、pnpmはすべてこのファイルを使用して依存関係のインストールとスクリプトの実行を行います。

データは安全ですか?

はい。このツールはすべてブラウザ内のクライアントサイドで動作します。データがサーバーに送信されることはありません。パッケージの設定がお使いの端末から外に出ることはありません。

関連ツール