主要用於瞭解前端包管理器npm與yarn的區別, 以及選擇合適的包管理器進行前端項目的構建.

VS 

1.文檔閲讀

https://www.npmjs.com/  // 官網

https://docs.npmjs.com/ // 官網文檔

https://zh.wikipedia.org/wiki/Npm // 維基百科 - npm

  // NPM - 學習/實踐

  // Package.lock.json 文件為什麼在執行npm install被修改 ?！

https://yarnpkg.com/  //官網

https://classic.yarnpkg.com/zh-Hans/  //中文網站之一

https://yarnpkg.com/getting-started/install  //安裝

https://yarn.bootcss.com/

  // [yarn]yarn和npm的對比

2.個人整理輸出

後續補充

...

一.簡介

NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

1.允許用户從NPM服務器下載別人編寫的第三方包到本地使用。

 

2允許用户從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。

 

3.允許用户將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

 

4.Yarn 是 Facebook, Google, Exponent 和 Tilde 開發的一款新的 JavaScript 包管理工具。

二.相比npm 的優點

1.npm安裝是串行，而yarn是並行，速度大大提升

 

2.已經下載過的包會被緩存，無需重複下載,更關鍵的是，支持離線安裝

 

3.精準的版本控制（yarn.lock文件），加上驗證每個包的完整性，保證每次安裝的npm包完全一致

 

4.優化的輸出信息

三.npm5改進

1.引入了package-lock.json，默認會被添加到項目，增強了版本控制

 

2.提升了安裝速度，還是稍慢於yarn,引入了離線緩存

 

3.優化輸出信息

四.yarn和npm命令對比 // 可以作為命令快速查找

具體命令:

https://docs.npmjs.com/cli/v6/commands   // npm

https://yarnpkg.com/getting-started/usage  // yarn

Note:

目前 node 最新版本:  // https://nodejs.org/en/

npm最新版本:

https://docs.npmjs.com/cli/v6/commands

個人電腦 npm 版本:

全局安裝最新版npm:

npm install npm@latest -g

全局安裝下一個版本npm:

npm install npm@next -g

詳情查看:

https://docs.npmjs.com/about-npm-versions

1.關於 node_modules 的介紹, 比如 其面臨的困境.[臭名昭著的node_modules hell]

https://zhuanlan.zhihu.com/p/137535779  // 沒有看明白, 也是沒有很認真看完. TBD

https://docs.npmjs.com/packages-and-modules/   // package 與 module 的關係

...

https://www.npmjs.com/  // 官網

https://docs.npmjs.com/ // 官網文檔

https://zh.wikipedia.org/wiki/Npm // 維基百科 - npm

  // NPM - 學習/實踐

  // Package.lock.json 文件為什麼在執行npm install被修改 ?！

https://yarnpkg.com/  //官網

https://classic.yarnpkg.com/zh-Hans/  //中文網站之一

https://yarnpkg.com/getting-started/install  //安裝

https://yarn.bootcss.com/

  // [yarn]yarn和npm的對比

https://docs.npmjs.com/cli/v6/commands   // npm

https://yarnpkg.com/getting-started/usage  // yarn