課程任務(wù)

題目1： 如何全局安裝一個(gè) node 應(yīng)用?

• 在命令行使用npm install -g xxx即可以全局安裝node應(yīng)用，-g即--global。

題目2： package.json 有什么作用？

• package.json定義了這個(gè)項(xiàng)目所需要的各種模板，以及項(xiàng)目的配置信息，當(dāng)我們使用npm init命令時(shí)即可以生成package.json
• package.json里面的參數(shù)如下：
• • name：項(xiàng)目名稱
• • version：版本（遵守“大版本.次要版本.小版本”的格式）
• • description：描述說明，有助于人們發(fā)現(xiàn)你的包，因?yàn)樗性趎pm搜索中。
• • keywords：關(guān)鍵字，時(shí)一個(gè)字符串的數(shù)組，也有助于人們?cè)趎pm搜索中發(fā)現(xiàn)你的包
• • homepage：主頁，項(xiàng)目主頁的地址
• • bugs：一個(gè)對(duì)象，包含url網(wǎng)址和郵箱，當(dāng)使用者發(fā)現(xiàn)問題時(shí)，可以通過這兩種方式提交問題
• • license：許可證版本
• • people field:author, contributors：人字段，作者，貢獻(xiàn)者等
• • files：文件，文件字段是要包括在項(xiàng)目中的文件數(shù)組
• • main：main字段指定了加載的入口文件，require('moduleName')就會(huì)加載這個(gè)文件。這個(gè)字段的默認(rèn)值是模塊根目錄下面的index.js。
• • bin：指定了各個(gè)內(nèi)部命令對(duì)應(yīng)的可執(zhí)行文件的位置
• • man：man用來指定當(dāng)前模塊的man文檔（說明書）的位置。
• • repository：指定代碼所在的代碼托管的位置。
• • script：指定了運(yùn)行腳本命令的npm命令行縮寫
• • config：用于向環(huán)境變量輸出值
• • dependencies：項(xiàng)目運(yùn)行時(shí)所依賴的模塊
• • devDependencies：項(xiàng)目開發(fā)時(shí)所依賴的模塊
• • engines：指明了項(xiàng)目運(yùn)行所需要的npm版本
• • os：指定了項(xiàng)目運(yùn)行所需要的系統(tǒng)版本
• • cpu：如果你的代碼指定運(yùn)行在一部分cpu架構(gòu)上，可以在這里指明它
• • preferGlobal：其值時(shí)布爾值，表示該模塊的本意時(shí)要安裝為全局模塊

題目3： npm install --save app 與 npm install --save-dev app有什么區(qū)別?

• npm install -save app會(huì)將依賴app安裝在局部，同時(shí)將app保存到package.json中的dependencies字段中。
• npm install -save-dev app會(huì)將依賴app安裝在局部，同時(shí)將app保存到package.json中的devDependencies字段中。

題目4： node_modules的查找路徑是怎樣的?

• node_modules的查找路徑：先從本地目錄下尋找，不存在就依次向上級(jí)目錄中查詢，直到系統(tǒng)根目錄。node全局安裝在系統(tǒng)根目錄下，所以全局安裝后可在所有目錄下使用

題目5： npm3與 npm2相比有什么改進(jìn)？yarn和 npm 相比有什么優(yōu)勢? (選做題目)

• npm3相比npm2主要改進(jìn)了依賴管理方案
• • npm2安裝依賴的時(shí)候比較簡單直接，直接按照包的依賴的樹形結(jié)構(gòu)下載填充至本地目錄，缺陷在于太深的目錄樹結(jié)構(gòu)會(huì)嚴(yán)重影響效率，甚至在window下可能會(huì)超出系統(tǒng)路徑限制的長度，另外有刪node_modules目錄經(jīng)歷的可能都漫長的等待。
• • 針對(duì) npm2 的問題，npm3 加了點(diǎn)算法，直白的解釋就是：npm install 時(shí)會(huì)按照 package.json 里依賴的順序依次解析，遇到新的包就把它放在第一級(jí)目錄，后面如果遇到一級(jí)目錄已經(jīng)存在的包，會(huì)先判斷版本，如果版本一樣則忽略，否則會(huì)按照 npm2 的方式依次掛在依賴包目錄下，如下圖所示：

npm3 npm2.png

在包版本差異化不太嚴(yán)重的情況下，這種構(gòu)建方式會(huì)幾乎把所有包放在一級(jí)目錄下，很大程度下提升了效率以及節(jié)省了部分磁盤空間。

• 但是npm3又遇到了新問題，有可能開發(fā)環(huán)境和測試環(huán)境的node_modules的目錄結(jié)構(gòu)不一樣，以及其他因素，faceboook開發(fā)了yarn來替代npm。
• yarn優(yōu)點(diǎn)在于只要通過Yarn安裝過的套件都會(huì)在本地目錄產(chǎn)生Cache，也就是說只要安裝過依次，下次重新安裝都會(huì)從Cache重新讀取， 安裝速度會(huì)提升很多。

題目6： 使用 webpack 替換 入門-任務(wù)15中模塊化使用的 requriejs

• 預(yù)覽
  ajax功能本地測試成功

題目7： 開發(fā)一個(gè) node 命令行天氣應(yīng)用用于查詢用戶當(dāng)前所在城市的天氣，發(fā)布到 npm 上去。

• 做的應(yīng)用 => weather-reedsun
• 安裝： npm i weather-reedsun -g
• 使用： weather
• 本地測試成功

weather-reedsun.PNG