あなたの最初のNPMパッケージをコード化して、公表する方法🎖



導入
こんにちは開発者
この記事では、最初のNPMパッケージをどのようにコード化して公開するかを学びます.
NPMパッケージを公開することは簡単です、そして、このチュートリアルでは、非常に単純なパッケージを作ります.

NPMとは

NPMはノードパッケージマネージャを表します.名前はパッケージマネージャであり、JavaScriptランタイム環境ノードのデフォルトパッケージマネージャーでもあります.js

必要条件

  • ノード.あなたのシステムにインストールされたJSとNPM -あなたは、ノードをインストールすることができます.あなたが既にいないならばhere

  • JavaScriptの基本的な知識-ここで作成するパッケージは、JavaScriptの非常に高い知識を必要としないので簡単です.

  • 基本的なターミナルコマンド-私はいくつかの基本的なターミナルコマンドを使用するでしょう、しかし、私は記事で使用するNPMとノード命令を説明します.

  • コードエディタ-このチュートリアルでは、私はVSのコードを使用するが、あなたの選択の任意のエディタを使用することができます.

  • レッツゲット

    ステップ1:アカウントを作成するhttps://www.npmjs.com/signup


    ステップ2:あなたのNPMアカウントによってあなたのCLIへのログイン
    これを行うには、単に端末にこのコマンドを入力します
    $ npm login
    
    次のように入力します.

    ログインに成功したかどうかを確認するには、次のコマンドを入力し、ユーザ名を出力します.
    $ npm whoami
    

    ステップ3 :ディレクトリの設定
    これらのコマンドを端末/CLIに入力することで、このタスクを実行できます.
    $ mkdir folder_name
    $ cd path/to/folder
    
  • mkdir - mkdirコマンドは、端末から直接ディレクトリまたはフォルダーを作成するために使用されます.
  • cd - cdコマンドは端末のカレントワーキングディレクトリを変更するために使用されます.

  • ステップ4:パッケージ.JSON
    パッケージを初期化するにはJSONファイル、CLIでこのコマンドをタイプしてください
    $ npm init
    
    そして、あなたが質問を答えるならば、あなたはEnterをクリックすることによってどんな質問もスキップすることができます.
    パッケージとはJSON ?
    パッケージ.JSONはプロジェクトに関する情報を含む必要なファイルです
    例えばpackage name , version , author's name など

    ステップ5 :コードしましょう
    今はパッケージがあります.JSONファイルは、コーディングに乗ることができます.
    インデックスを作成します.JSファイルをファイルに書き込みます
    const object = {
      add: function addTwoNumbers(a,b){
        return a+b;
      }
    }
    
    module.exports = object;
    
    コード説明
  • const object -オブジェクトobject 他のユーザーが使用するエクスポートされます.
  • 関数addtwonumbers ()-これは他のオブジェクトで使用できるオブジェクトに格納されている関数で、' add 'としてマークされ、a and b .
  • モジュールです.輸出物object を宣言してエクスポートします.

  • ステップ6:発行する時間
    新しく作成されたNPMパッケージを公開するには、端末を先頭にしてこのコマンドを入力します
    $ npm publish
    
    あなたがこのメッセージを得るならば

    その後おめでとう!NPMパッケージは正常に公開されており、誰でも使用できます.
    このパッケージのgithubリポジトリリンクhttps://github.com/HarshSinha17/maths-script

    パッケージのテスト
    それで、NPMパッケージを作ったので、パッケージを試してみてください.

    新鮮なディレクトリとcdを作成します
    これは、再び次のコマンドで端末によって行われます
    $ mkdir folder_name
    $ cd path/to/folder
    

    パッケージを初期化します.JSON
    このコマンドを端末に入力しますが、今回は-y フラグは、任意の質問とデフォルトのパッケージに答える必要はありません.JSONファイルが作成されます.
    $ npm init -y
    

    パッケージのインストール
    パッケージの種類をインストールするには
    $ npm install maths-script
    
    (Here maths-script パッケージの名前です)
    今すぐフォルダ名node_modules とファイル名package-lock.json ディレクトリ内で作成する必要があります.

    レッツコード
    ファイル名app.js このコードをファイルに貼り付けます
    const maths = require('maths-script');
    
    var a = maths.add(1, 2);
    console.log(a);
    
    コード説明
  • コードはかなり簡単です、最初に、我々は定数でパッケージの輸出を保存していますmaths .
  • 関数を使用しますadd NPMパッケージの2つの数値、1と2を追加し、変数a , そして、a コンソールに.

  • ファイルの実行
    ファイルを実行するには、このコマンドを
    $ node app.js
    
    ( app . jsはファイル名です)
    それから、次の出力を得るべきです.

    だから、出力は3 , それは、我々のNPMパッケージが働いていることを意味します!

    結論
    この記事では、NPMパッケージを作成する方法を学びました.記事を参考にしてください.そして、あなたが自分のパッケージを作る際に問題に直面するならば、以下のコメントを入れてください
    感謝
    (˵ ͡° ͜ʖ ͡°˵)