VisualStudio2017でnpmインストールする方法のメモ

VisualStudio2017を使ってnode.jsの学習をしていこうと思い立ち、いろいろ触っています。

空のnode.jsプロジェクトを作って、あとからexpress等のモジュールを追加して使いたい時に「VisualStudio上でnpm installはどうやるんだろこれ」と思って調べたのでメモを残しておきます。

空のnode.jsアプリケーションのプロジェクトを作ったとする

方法1．npmパッケージを選択してインストールする場合

ソリューションエクスプローラの「npm」を右クリックしてコンテキストメニューを出し、「新しいnpmパッケージのインストール」を選択する。

npmパッケージの検索ダイアログが出るので、そこでほしいパッケージを検索し、検索結果からインストールしたいパッケージを選択し、インストールボタンを押して完了。

パッケージが追加されました。

package.jsonにも自動的に追加されています。

方法2．package.jsonの内容を元にnpm installする場合

通常はコマンドラインで行う処理だと思いますが、せっかくVisulaStudioを使っているのでVisualStudio上でできたほうが便利だと思います。もちろんできます。

package.jsonに追加したいパッケージの情報を記述します。

package.jsonの変更を保存すると、ソリューションエクスプローラのnpmの下に「パッケージ名（欠落）」という項目が追加されます。

ソリューションエクスプローラの「npm」を右クリックしてコンテキストメニューを表示させ、「欠落しているnpmパッケージをインストール」を選択します。

npm installが実行され、npmパッケージがインストールされました。

簡単なメモですが以上です。