前言

最近寫了一個(gè)小例子，但是一個(gè)page.click無論如何也不能正常操作，語法這么簡單不可能有錯(cuò)。于是找原因，瀏覽器的問題嗎？各種開發(fā)環(huán)境切換，nodejs版本換到較老的版本，npm版本切換，最后定位在換各種版本瀏覽器，發(fā)現(xiàn)在chrome74上正常72版本正常，在70上不可以，以為是瀏覽器的BUG，本來要放棄的。然后想是不是puppeteer版本的問題，去github切換到較老的一個(gè)分支上，發(fā)現(xiàn)與npm自動(dòng)安裝的是不同的文件，最后找到解決辦法如下：

找到對應(yīng)瀏覽器版本的pup....進(jìn)行安裝

npmjs官方地址：https://www./package/puppeteer

說明：在npm中安裝固定的版本號package，只需要在其后加 ‘@版本號’,下官網(wǎng)70chrome對應(yīng)的是1.7.0則，執(zhí)行如下命令。

npm install --save puppeteer@1.7.0

-------------------------

npm命令解釋

npm install moduleName # 安裝模塊到項(xiàng)目目錄下

npm install -g moduleName # -g 的意思是將模塊安裝到全局，具體安裝到磁盤哪個(gè)位置，要看 npm config prefix 的位置。

npm install -save moduleName # -save 的意思是將模塊安裝到項(xiàng)目目錄下，并在package文件的dependencies節(jié)點(diǎn)寫入依賴。

npm install -save-dev moduleName # -save-dev 的意思是將模塊安裝到項(xiàng)目目錄下，并在package文件的devDependencies節(jié)點(diǎn)寫入依賴。

那么問題來了，在項(xiàng)目中我們應(yīng)該使用四個(gè)命令中的哪個(gè)呢？這個(gè)就要視情況而定了。下面對這四個(gè)命令進(jìn)行對比，看完后你就不再這么問了。

npm install moduleName 命令

1. 安裝模塊到項(xiàng)目node_modules目錄下。
2. 不會(huì)將模塊依賴寫入devDependencies或dependencies 節(jié)點(diǎn)。
3. 運(yùn)行 npm install 初始化項(xiàng)目時(shí)不會(huì)下載模塊。

npm install -g moduleName 命令

1. 安裝模塊到全局，不會(huì)在項(xiàng)目node_modules目錄中保存模塊包。
2. 不會(huì)將模塊依賴寫入devDependencies或dependencies 節(jié)點(diǎn)。
3. 運(yùn)行 npm install 初始化項(xiàng)目時(shí)不會(huì)下載模塊。

npm install -save moduleName 命令

1. 安裝模塊到項(xiàng)目node_modules目錄下。
2. 會(huì)將模塊依賴寫入dependencies 節(jié)點(diǎn)。
3. 運(yùn)行 npm install 初始化項(xiàng)目時(shí)，會(huì)將模塊下載到項(xiàng)目目錄下。
4. 運(yùn)行npm install --production或者注明NODE_ENV變量值為production時(shí)，會(huì)自動(dòng)下載模塊到node_modules目錄中。

npm install -save-dev moduleName 命令

1. 安裝模塊到項(xiàng)目node_modules目錄下。
2. 會(huì)將模塊依賴寫入devDependencies 節(jié)點(diǎn)。
3. 運(yùn)行 npm install 初始化項(xiàng)目時(shí)，會(huì)將模塊下載到項(xiàng)目目錄下。
4. 運(yùn)行npm install --production或者注明NODE_ENV變量值為production時(shí)，不會(huì)自動(dòng)下載模塊到node_modules目錄中。

總結(jié)

devDependencies 節(jié)點(diǎn)下的模塊是我們在開發(fā)時(shí)需要用的，比如項(xiàng)目中使用的 gulp ，壓縮css、js的模塊。這些模塊在我們的項(xiàng)目部署后是不需要的，所以我們可以使用 -save-dev 的形式安裝。像 express 這些模塊是項(xiàng)目運(yùn)行必備的，應(yīng)該安裝在 dependencies 節(jié)點(diǎn)下，所以我們應(yīng)該使用 -save 的形式安裝。