npmの使い方がわからない

Question

ある事情でnpmを使ってjsライブラリを使おうということになったのですが、使い方がわかりません
npmを説明しているページをみても、コマンドをつかってnode-jsをインストールするとか、ホームフォルダ直下でimportするとかいろんなことがかかれすぎていて、基本的な使い方が全くわかりませんでした
##知りたいこと
そもそもnpmとはなんなのか
npmによって、ウェブサイトが重くなったりしないのか
どうやってjsライブラリを読み込むのか
どうしてコマンドを使うのか
npmの基本的な使い方
##環境
OS：macOS Catalina10.15.5
エディタ：atom
導入したいライブラリ：scrollmagic(tweenmaxに対応しているやつ),tweenmax

Answer 1

ある事情でnpmを使ってjsライブラリを使おうということになったのですが、使い方がわかりません

「既存のプロジェクトにライブラリを入れる」かつ「npmに馴染みがない」ということでしたら、npmを使わずふつうのJavaScriptファイルをHTMLから読み込む手法を選んだほうがいいかもしれません。

npmからのJavaScriptライブラリを使えるようにするには、環境を作るのが一仕事です。

Comments

[退会済みユーザー]

環境を作るのも大変なんですね。
JavascriptファイルをダウンロードするのもURLで指定するのもできなくて最後の手段としてnpmを使うことにしていたので、もう少しがんばってみます。
回答ありがとうございました。

Answer 2

そもそもnpmとはなんなのか

Node Package Manager の略です。
Node.jsを使う上でのパッケージの管理を行うものです。
なので、npmうんぬんより先に、まずはNode.jsをマシンにインストールするところから始めましょう。

npmによって、ウェブサイトが重くなったりしないのか

サーバーでNode.jsを使わない限りは、ほぼほぼ関係ありません。
ただし、なんらかのコンパイル後のHTMLやJSを使う際に、
コンパイル後のファイルでの処理が激重って場合はその限りではありません。
しかし、よほどのことがない限り、だいたいは軽く動作するものをコンパイルするよう設計されています。
（多分）

どうやってjsライブラリを読み込むのか

ライブラリによりますので、なんとも言えません。

どうしてコマンドを使うのか

コマンドラインを使うことによって、様々なバッチ処理などをすることができるからです。
例えばGulpなどを使って、ファイルを統合・圧縮したいって時に、
ファイル保存しただけで、処理させる、といったことも可能になります。

npmの基本的な使い方

1. npm install パッケージ名

などでNode.jsで使用するパッケージをインストールする。
0. パッケージに合わせたコマンドを実行する。

です。
パッケージや、その構文によって使い方違うので、
npmというよりは、そのパッケージに関して調べましょう。

Comments

[退会済みユーザー]

回答ありがとうございました。
パッケージによって違うというのは大変そうですが、がんばってみます。