npm是技術的集合
同樣，我們通常認為的“npm”（是的，全部小寫），尤其是“前端后端”，是許多不同的獨立技術和系統(tǒng)集合的單一名稱；一種生成瀏覽器友好代碼的Rube Goldberg 機器。
我已經(jīng)提到了命令行；這是生態(tài)系統(tǒng)的重要組成部分，因為這是我們與之互動的方式。
然后是 npm，它屬于稱為“包管理”軟件的類別。我也會介紹這一點。事實上，您可能會在本指南中看到我將 npm 稱為包管理器。
最后，還有Node本身，要簡潔地解釋它是如此棘手，我經(jīng)常用Douglas Adams 的解釋來描述它：它是一種幾乎（但不完全）像 JavaScript 的編程語言。npm 管理項目工具
更復雜的是，許多您用npm install在命令行中輸入的項目可能帶有預安裝的工具來幫助您在項目中做各種各樣的事情，比如處理您的代碼（例如，將 Sass 代碼轉換為 CSS）。有許多一體式、預配置的項目等著您安裝它們并開始使用（Create React App、Next、Nuxt和SvelteKit，僅舉幾例）。如果做得好，這當然很方便，但它也增加了復雜性——意味著我們需要將更多的名稱添加到我們的后端事物列表中。
此列表通常包括Babel（用于編譯 JavaScript）、Sass（用于編譯 CSS）、webpack（用于資產(chǎn)捆綁）、Vite（用于開發(fā)服務器和其他工具）、PostCSS（用于將一種語法轉換為另一種語法）等工具；Autoprefixer（可以是 CSS 供應商前綴的 PostCSS 插件）；TypeScript（用于額外的 JavaScript 語法）；ESlint（用于檢查代碼質量）；Prettier （用于格式化代碼），以及Jest或Cypress等測試庫。
 

 
npm就像一座圖書館大樓，里面的藏書層層疊疊，井井有條，讓查找和管理變得更容易。
這些工具通常隨npm 安裝的項目一起提供——或者可以通過 npm 安裝和使用——但實際上并不是 npm 本身的一部分。它們只是現(xiàn)代工具的例子，可以幫助我們用代碼做一些好事，我在這里提到它們只是因為值得注意它們之間的區(qū)別，以了解這個廣闊的新世界的邊界在哪里。
順便說一句，如果您不知道上面提到的這些工具中的大部分（或任何）是什么，那也沒關系。也許您還沒有遇到過它們，或者您可能在一個項目中安裝了它們而不知道它們的名字。無論哪種方式，所有這些都只是為了額外的上下文。讓我們在這里休息
如果此時您已經(jīng)感到有點不知所措：請不要擔心。讀完這一章后，我想讓你明白的關鍵是，我們所認為的“npm”（或者更隨意地稱為“所有命令行，后端 Y 的東西”）并不是一回事，而是一組共同工作的東西，使我們的開發(fā)更容易。
是的：雖然所有這些復雜的事情看起來都讓人望而生畏，但它確實讓事情變得更好了。我保證。
雖然前端似乎發(fā)展很快，但不，你并沒有落伍。您可能只需要接受一些繼續(xù)教育就可以跟上進度。