npm是技术的集合同样，我们通常认为的npm（是的，全部小写），尤其是前端后端，是许多不同的独立技术和系统集合的单一名称；一种生成浏览器友好代码的RubeGoldberg机器。我已经提到了命令行；这是生态系统的重要组成部分，因为这是我们与之互动的方式。然后是npm，它属于称为包管理软件的类别。我也会介绍这一点。事实上，您可能会在本指南中看到我将npm称为包管理器。最后，还有Node本身，要简洁地解释它是如此棘手，我经常用DouglasAdams的解释来描述它：它是一种几乎（但不完全）像JavaScript的编程语言。npm管理项目工具更复杂的是，许多您用npminstall在命令行中输入的项目可能带有预安装的工具来帮助您在项目中做各种各样的事情，比如处理您的代码（例如，将Sass代码转换为CSS）。有许多一体式、预配置的项目等着您安装它们并开始使用（CreateReactApp、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的东西）并不是一回事，而是一组共同工作的东西，使我们的开发更容易。是的：虽然所有这些复杂的事情看起来都让人望而生畏，但它确实让事情变得更好了。我保证。虽然前端似乎发展很快，但不，你并没有落伍。您可能只需要接受一些继续教育就可以跟上进度。

前端开发之“npm”到底是什么意思？_成都网站制作   https://cdnanqi.cn/wangzhanzhizuo/10952.html