npm是技术的集合

　　同样,大家通常认为的“npm”(是的,全部小写),尤其是“前端后端”,是许多不同的独立技术和系统集合的单一名称;一种生成浏览器友好代码的rubegoldberg服务器.

　　我已经提到了命令行;这是生态系统的重要组成部分,因为这是大家与之互动的方式.

　　然后是npm,它属于称为“包管理”软件的种类.响水网站开发也会介绍这一点.事实上,您可能会在本指南中看到我将npm称为包管理器.

　　最后,还有node本身,要简洁地解释它是如此棘手,我经常用douglasadams的解释来描述它：它是一种几乎(但不彻底)像javascript的编程语言.npm管理项目工具

　　更复杂的是,许多您用npminstall在命令行中输进的项目可能带有预安装的工具来帮助您在项目中做各种各样的事情,比如处理您的代码(例如,将sass代码转换为css).有许多一体式、预配置的项目等着您安装它们并开始使用(createreact手机应用、next、nuxt和sveltekit,仅举几例).如果做得好,这当然很方便,但它也增加了复杂性——意味着大家需要将更多的名称添加到大家的后端事物列表中.

　　此列表通常包括babel(用于编译javascript)、sass(用于编译css)、网站pack(用于资产捆绑)、vite(用于开发服务器和其他工具)、postcss(用于将一种语法转换为另一种语法)等工具;autoprefixer(可以是css供应商前缀的postcss插件);typescript(用于额外的javascript语法);eslint(用于检查代码质量);prettier(用于格式化代码),以及jest或cypress等测试库.

　　npm就像一座图书馆大楼,里面的躲书层层叠叠,井井有条,让查找和管理变得更非常容易.

　　响水网站开发这些工具通常随npm安装的项目一起提供——或者可以根据npm安装和使用——但实际上并不是npm本身的一部分.它们只是现代工具的例子,可以帮助大家用代码做一些好事,我在这里提到它们只是因为值得注意它们之间的差别,以了解这个广阔的新世界的边界在哪里.

　　顺便说一句,如果您不知道上面提到的这些工具中的大部分(或任何)是什么,那也没关系.也许您还没有遇到过它们,或者您可能在一个项目中安装了它们而不知道它们的名字.无论哪种方式,所有这些都只是为了额外的上下文.让大家在这里休息

　　如果此时您已经感到有点不知所措：请不要担心.读完这一章后,我想让你明白的核心是,大家所认为的“npm”(或者更随意地称为“所有命令行,后端y的东西”)并不是一回事,而是一组共同工作的东西,使大家的开发更非常容易.

　　是的：虽然所有这些复杂的事情看起来都让人看而生畏,但它确实让事情变得更好了.我确保.

　　虽然前端响水网站开发似乎发展很快,但不,你并没有落伍.您可能只需要接受一些继续教育就可以跟上进度.