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 的东西”）并不是一□□□回事，而是一组□□共同工作□□□的东西，使我们的□□□开发更容□□□易。
是的：虽然所有♦这些复杂□□□□的事情看□□□起来都让□□□人望而生□□畏，但它确实◇让事情变□□□□得更好了。我保证。
虽然前端□□似乎发展□□□很快，但不，你并没有□□□落伍。您可能只□□需要接受□□□□一些继续丨教育就可□□□□以跟上进□□度。