npm的前世今生

網上的 npm 教程主要都在講怎麼安裝、配置和使用 npm,卻不告訴新人「爲什麼要使用 npm」。今天我就來講講這個話題。

本文目標讀者是「不太瞭解 npm 的新人」,大神您別看了,不然又說我囉嗦了 。

社區

程序員自古以來就有社區文化:

社區的意思是:擁有共同職業或興趣的人們,自發組織在一起,通過分享信息和資源進行合作。虛擬社區的參與者經常會在線討論相關話題,或訪問某些網站。

前端程序員也有社區,世界上最大的前端社區應該就是 GitHub 了。前端通過 GitHub 來

  1. 分享源代碼(線上代碼倉庫)
  2. 討論問題(Issue 列表)
  3. 收集學習資源和常去的網站(比如我收集的優質中文前端博客

 

加入社區最大的好處之一是,你可以使用別人貢獻的代碼,你也可以貢獻代碼給別人用。

共享代碼

前端是怎麼共享代碼的呢?

在 GitHub 還沒有興起的年代,前端是通過網址來共享代碼

比如你想使用 jQuery,那麼你點擊 jQuery 網站上提供的鏈接就可以下載 jQuery,放到自己的網站上使用

 

GItHub 興起之後,社區中也有人使用 GitHub 的下載功能:

麻煩

當一個網站依賴的代碼越來越多,程序員發現這是一件很麻煩的事情:

  1. 去 jQuery 官網下載 jQuery
  2. 去 BootStrap 官網下載 BootStrap
  3. 去 Underscore 官網下載 Underscore
  4. ……

 

有些程序員就受不鳥了,一個擁有三大美德的程序員 Isaac Z. Schlueter (以下簡稱 Isaaz)給出一個解決方案:用一個工具把這些代碼集中到一起來管理吧!

 

這個工具就是他用 JavaScript (運行在 Node.js 上)寫的 npm,全稱是 Node Package Manager

具體步驟

NPM 的思路大概是這樣的:

1. 買個服務器作爲代碼倉庫(registry),在裏面放所有需要被共享的代碼

2. 發郵件通知 jQuery、Bootstrap、Underscore 作者使用 npm publish 把代碼提交到 registry 上,分別取名 jquery、bootstrap 和 underscore(注意大小寫)

3. 社區裏的其他人如果想使用這些代碼,就把 jquery、bootstrap 和 underscore 寫到 package.json 裏,然後運行 npm install ,npm 就會幫他們下載代碼

4. 下載完的代碼出現在 node_modules 目錄裏,可以隨意使用了。

這些可以被使用的代碼被叫做「包」(package),這就是 NPM 名字的由來:Node Package(包) Manager(管理器)。

發展

Isaaz 通知 jQuery 作者 John Resig,他會答應嗎?這事兒不一定啊,對不對。

只有社區裏的人都覺得 「npm 是個寶」的時候,John Resig 纔會考慮使用 npm。

那麼 npm 是怎麼火的呢?

npm 的發展是跟 Node.js 的發展相輔相成的。

Node.js 是由一個在德國工作的美國程序員 Ryan Dahl 寫的。他寫了 Node.js,但是 Node.js 缺少一個包管理器,於是他和 npm 的作者一拍即合、抱團取暖,最終 Node.js 內置了 npm。

後來的事情大家都知道,Node.js 火了。

隨着 Node.js 的火爆,大家開始用 npm 來共享 JS 代碼了,於是 jQuery 作者也將 jQuery 發佈到 npm 了。

所以現在,你可以使用 npm install jquery 來下載 jQuery 代碼。

現在用 npm 來分享代碼已經成了前端的標配。

後續

Node.js 目前由 Ryan Dahl 當時所在的公司 joyent 繼續開發。Ryan Dahl 現在已經去研究 AI 和機器學習了,並且他把 Node.js 的維護權交給了 Isaaz。(我是不是也應該去研究 AI 和機器學習啊教練)

而 Isaaz 維護了一段時間後,辭職了,成立了一個公司專門維護 npm 的 registry,公司名叫做 npm 股份有限公司……誰說開源不能賺錢的~

社區的力量

回顧前端的發展是你會發現,都是社區裏的某個人,發佈了一份代碼,最終影響前端幾年的走向。比如 jQuery,比如 Node.js,比如 npm。(其實其他語言也是這樣的)

所以,社區的力量是巨大的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章