ホームページ > ウェブフロントエンド > jsチュートリアル > 最初のパッケージを作成して NPM で公開する方法

最初のパッケージを作成して NPM で公開する方法

Barbara Streisand
リリース: 2024-12-27 04:19:09
オリジナル
624 人が閲覧しました

Cómo Crear Tu Primer Paquete y publicarlo en NPM

NPM (ノード パッケージ マネージャー) で独自のパッケージを公開することは、コミュニティとコードを共有したり学習したり、独自のプロジェクトでの再利用を促進したりするための優れた方法です。このガイドでは、NPM で最初のパッケージを作成、構成、公開する方法を段階的に学習します。

1. NPM パッケージとは何ですか?

NPM パッケージは、Node.js プロジェクトにインストールして使用できる JavaScript モジュールです。再利用可能な関数のように単純にすることも、ライブラリ全体のように複雑にすることもできます。

2. 前提条件

始める前に、次の要件を満たしていることを確認する必要があります:

Node.js と NPM がインストールされています: Node.js からダウンロードしてインストールします。
NPM アカウント: npmjs.com に登録します。
コード エディター: VS Code と同様に、プロジェクトを作成して整理します。

3. プロジェクトを構成する

ステップ 1: パッケージ用のフォルダーを作成します
ターミナルを開いてフォルダーを作成します:

mkdir mi-primer-paquete
cd mi-primer-paquete
ログイン後にコピー

コードエディターでフォルダーを開きます。

コード .

ステップ 2: プロジェクトを初期化する
次のコマンドを実行して package.json ファイルを作成します:

npm init

質問に答えるか、npm init -y を使用してデフォルト値を受け入れます。

生成された package.json ファイルを確認します。次のようになります:

{
  "name": "mi-primer-paquete",
  "version": "1.0.0",
  "description": "Mi primer paquete publicado en NPM",
  "main": "index.js",
  "scripts": {},
  "keywords": ["npm", "paquete", "tutorial"],
  "author": "Tu Nombre",
  "license": "MIT"
}
ログイン後にコピー

ステップ 3: メイン ファイルを作成する

プロジェクトのルートにindex.jsというファイルを作成します:

index.js をタッチ
例として簡単な関数を追加します:

function holaMundo() {
    return "¡Hola, mundo!";
}
module.exports = holaMundo;
ログイン後にコピー

4. パッケージを公開する

ステップ 1: NPM にログインします
ターミナルで次のコマンドを実行し、指示に従ってログインします。

npm ログイン

ステップ 2: パッケージを公開する
次のコマンドを実行して、パッケージを NPM に公開します:

npm 公開
準備ができて!これで、パッケージが NPM で公開されるようになります。

5. パッケージをテストする

パッケージが動作することを確認するには、別のプロジェクトにインストールしてテストします。

テスト用の新しいフォルダーを作成します:

mkdir prueba-paquete
cd prueba-paquete
ログイン後にコピー

プロジェクトを初期化し、パッケージをインストールします:

npm init -y
npm install mi-primer-paquete
ログイン後にコピー

ファイル内のパッケージを使用します:

const holaMundo = require("mi-primer-paquete");

console.log(holaMundo()); // ¡Hola, mundo!
ログイン後にコピー

6. パッケージを更新する

変更が必要な場合は、コードを更新し、package.json のバージョンをインクリメントして (例: "version": "1.0.0" を "version": "1.0.1" に変更)、再公開します。

npm 公開

以上が最初のパッケージを作成して NPM で公開する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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