NPMの明確な定義とそれが何をするか

多くの最新のフロントエンド開発ツールがあり、初心者はしばしば混乱しています。多くの概念は単一のように見えますが、実際には複数の相互に関連する部分で構成されています。これは、NPMとそのエコシステムに当てはまります。

たとえば、「インターネット」という用語は簡単に思えますが、プロトコル、DNS、サーバー、ブラウザー、ネットワーク、リクエスト、応答など、多くのコンポーネントが含まれています。ブラウザ自体は、複数の部品で構成される複雑なシステムでもあります。

章をガイドします

1. このガイドは誰ですか？
2. 「NPM」とはどういう意味ですか？ （現在の章）
3. コマンドラインとは何ですか？
4. node.jsとは何ですか？
5. パッケージマネージャーとは何ですか？
6. NPMをインストールする方法は？
7. NPMパッケージをインストールする方法は？
8. NPMコマンドとは何ですか？
9. 既存のNPMプロジェクトをインストールする方法は？

NPMはテクノロジーのコレクションです

同様に、一般的に「NPM」（すべて小文字）と「フロントエンドバックエンド」と呼ばれるものは、実際には、ブラウザに優しいコードを生成するために使用される複雑なRub Goldbergメカニックのような、さまざまなテクノロジーとシステムのコレクションです。

前述のコマンドラインは、NPMエコシステムと対話する主な方法であり、次の章で詳しく説明します。

NPM自体は「パッケージ管理」ソフトウェアのカテゴリに属します。これについても説明します。実際、このガイドでは、NPMをパッケージマネージャーと呼ぶことがよくあります。

最後に、node.js自体は簡潔な方法で説明するのが難しいです。ダグラスアダムスの言葉でそれを要約することがよくあります。

NPMプロジェクト管理ツール

より複雑なのは、コマンドラインにnpm installを入力する多くのプロジェクトに、プロジェクトの処理コード（たとえば、SASSコードをCSSに変換する）など、プロジェクトのさまざまなタスクを実行するためにさまざまなツールが事前にインストールされる可能性があることです。多くのワンストップ事前設定プロジェクトは、直接インストール（Create React App、Next.js、nuxt.js、Sveltekitなど）に利用できます。これは便利ですが、複雑さも追加されます。つまり、「フロントエンドのバックエンド」のリストに名前を追加する必要があります。

このリストには、通常、Babel（JavaScript用）、SASS（CSS用）、Webpack（リソースバンドリング用）、Vite（サーバーやその他のツールの開発用）、PostCSS（1つの構文を別のものに変換する）、Autoprefixer（CSS for Criptis）、emavass（es for for for for for for）ティア（コードのフォーマット用）、およびJestやサイプレスなどのライブラリをテストします。

これらの（およびそれ以上の）ツールはすべて、幅広いカテゴリに分類されます。これは、NPMインストールされたプロジェクト（NPMでインストールおよび使用できる）で提供されることがよくありますが、実際にはNPM自体の一部ではありません。それらは、コードをよりよく処理するのに役立つ最新のツールの例にすぎません。ここでそれらを言及することは、この巨大で新興の世界の境界がどこにあるかを理解するために違いを説明するためだけです。

ちなみに、上記のほとんど（または任意の）ツールが何であるかわからない場合、それは問題ありません。たぶん、あなたはまだそれらに出会っていないか、彼らの名前を知らずにあなたのプロジェクトにそれらをインストールしたかもしれません。いずれにせよ、これはすべて追加のコンテキストを提供することです。

終わりになりましょう

この瞬間に少し圧倒されていると感じたら、心配しないでください。この章を読んだ後にあなたが覚えておくことができる重要なポイントは、私たちが「NPM」（またはよりさりげなく「それらすべてのコマンドライン、バックエンドのもの」）と考えるものは単一のものではなく、開発を容易にするために一緒に働くコンポーネントのセットであるということです。

はい：この複雑さはすべて最初は気が遠くなるように思えるかもしれませんが、物事を改善します。約束します。

フロントエンドは非常に急速に発展しているようですが、あなたは取り残されていません。追いつくために継続的な学習をする必要があるかもしれません。

←第1章第3章→

以上がNPMの明確な定義とそれが何をするかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。