4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

初のnpmパッケージ公開で行ったこと

Posted at

はじめまして!
@Leopard0505で活動しているものです。
初めての投稿で分かりにくい点があると思いますが、指摘してもらえるとありがたいです。

完成物

こちらが今回作成したnpmパッケージです。
@leopard0505/payment-request
随時アップグレードしていきますので、よろしくお願いします。

公開までの手順

こちらが大変参考になりました。

npmアカウント作成

まずは、npm set コマンドを使って登録します。

author情報を作成
$ npm set init.author.name "Leopard0505"
$ npm set init.author.email "Leopard0505@example.com"
$ npm set init.author.url "https://qiita.com/Leopard0505"

次に npm adduser コマンドを使ってユーザを登録します。

npmユーザの登録
$ npm adduser
## まだユーザが登録されていない場合は、npm に登録する新規ユーザ情報を入力する。
## 既にnpm ユーザが作成されている場合はそのユーザの情報を入れて、ログインする。

ローカルからnpmにログイン

Webページ上(npm公式>signup)でアカウントを作成したら、続いてローカル環境のnpmコマンドから作成したアカウントにログインする。

ログイン自体は簡単で、以下のコマンドを実行すればよい。

npmにログイン
$ npm login

ユーザー名とパスワードとメールアドレスを聞かれるので、アカウント作成時に入力した値を入れる。

ファイルの準備

次に、公開するファイルを準備します。

最小限のディレクトリ構造
srcDir/
  +-- index.js
  +-- package.json
  +-- LICENSE.txt
  +-- README.me
  +-- .gitignore
  +-- .npmignore

npmに公開

公開用のファイルの準備まで終えたら、後は「公開」する。
「npm login」済みの環境で、以下を実行するだけ。

$ npm publish

これで、npmパッケージの公開は完了です。
任意のフォルダ上のコマンドラインから、npm install 「公開したパッケージ名」 を打ち込んでライブラリがインストールされるか確認しましょう。

お疲れ様でした!

今回の感想

初めてのnpmパッケージ公開でしたが、意外と簡単でした。
それよりも何を作るかで結構悩みました。
そんな感じで行き当りばったりで公開までしてみましたがなんとかなるもんですね。

10連休に入ってやりたいことをやれたので一先ず落ち着けました。
これからも積極的にアウトプットを行っていきたいと思います。

参考リンク

以下のリンクが大変参考になりました。
ありがとうございました。

@TsutomuNakamuraさん 初めてのnpm パッケージ公開
@hoshimadoさん npmでパッケージを公開してみた手順の記録

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?