npm是技术的集合
同样，我们通常认为的“npm”（是的，全部小写），尤其是“前端后端”，是许多不同的独立技术和系统集合的单一名称；一种生成浏览器友好代码的Rube Goldberg 机器。
我已经提到了命令行；这是生态系统的重要组成部分，因为这是我们与之互动的方式。
然后是 npm，它属于称为“包管理”软件的类别。我也会介绍这一点。事实上，您可能会在本指南中看到我将 npm 称为包管理器。
最后，还有Node本身，要简洁地解释它是如此棘手，我经常用Douglas Adams 的解释来描述它：它是一种几乎（但不完全）像 JavaScript 的编程语言。npm 管理项目工具
更复杂的是，许多您用npm install在命令行中输入的项目可能带有预安装的工具来帮助您在项目中做各种各样的事情，比如处理您的代码（例如，将 Sass 代码转换为 CSS）。有许多一体式、预配置的项目等着您安装它们并开始使用（Create React App、Next、Nuxt和SvelteKit，仅举几例）。如果做得好，这当然很方便，但它也增加了复杂性——意味着我们需要将更多的名称添加到我们的后端事物列表中。
此列表通常包括Babel（用于编译 JavaScript）、Sass（用于编译 CSS）、webpack（用于资产捆绑）、Vite（用于开发服务器和其他工具）、PostCSS（用于将一种语法转换为另一种语法）等工具；Autoprefixer（可以是 CSS 供应商前缀的 PostCSS 插件）；TypeScript（用于额外的 JavaScript 语法）；ESlint（用于检查代码质量）；Prettier （用于格式化代码），以及Jest或Cypress等测试库。
npm就像一座图书馆大楼，里面的藏书层层叠叠，井井有条，让查找和管理变得更容易。
这些工具通常随npm 安装的项目一起提供——或者可以通过 npm 安装和使用——但实际上并不是 npm 本身的一部分。它们只是现代工具的例子，可以帮助我们用代码做一些好事，我在这里提到它们只是因为值得注意它们之间的区别，以了解这个广阔的新世界的边界在哪里。
顺便说一句，如果您不知道上面提到的这些工具中的大部分（或任何）是什么，那也没关系。也许您还没有遇到过它们，或者您可能在一个项目中安装了它们而不知道它们的名字。无论哪种方式，所有这些都只是为了额外的上下文。让我们在这里休息
如果此时您已经感到有点不知所措：请不要担心。读完这一章后，我想让你明白的关键是，我们所认为的“npm”（或者更随意地称为“所有命令行，后端 Y 的东西”）并不是一回事，而是一组共同工作的东西，使我们的开发更容易。
是的：虽然所有这些复杂的事情看起来都让人望而生畏，但它确实让事情变得更好了。我保证。
虽然前端似乎发展很快，但不，你并没有落伍。您可能只需要接受一些继续教育就可以跟上进度。
