あなたの最初のNPMパッケージをコード化して、公表する方法🎖
7891 ワード
導入
こんにちは開発者
この記事では、最初の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;
コード説明object
他のユーザーが使用するエクスポートされます.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パッケージを作成する方法を学びました.記事を参考にしてください.そして、あなたが自分のパッケージを作る際に問題に直面するならば、以下のコメントを入れてください
感謝
(˵ ͡° ͜ʖ ͡°˵)
Reference
この問題について(あなたの最初のNPMパッケージをコード化して、公表する方法🎖), 我々は、より多くの情報をここで見つけました https://dev.to/harshsinha17/how-to-code-and-publish-your-first-npm-package-2negテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol