npm i xx -g：npm install xx --global的簡寫，對模塊進行全局安裝。 所謂全局安裝，是指把模塊安裝到操作系統(tǒng)上，全局是指操作系統(tǒng)，全局安裝完成后，一般會安裝到AppDataAppData\Roaming\npm目錄下。如：npm install webpack -g，就是全局安裝webpack，在操作系統(tǒng)的任何一個目錄下都可以使用webpack所提供的指令。 npm i xx -D：npm install xx --save-dev的簡寫，對模塊進行局部安裝，模塊寫入到 devDependencies 對象。 局部的意思是只針對當前項目，模塊一般安裝到項目文件夾下的node_modules文件夾下。 devDependencies對象，是我們開發(fā)的時候需要用到的一些包，只用于開發(fā)階段，真正打包上線的時候并不需要這些包，因為這些工具只是你用來打包代碼的，是用來識別特定文件以及代碼，幫助我們生產(chǎn)最終文件的。如npm i vue-loader vue-template-complier -D,就是在Vue項目中安裝vue模板文件的解析插件，經(jīng)過配置后即可在項目中解析vue模板
npm i xx -S：npm install xx --save 的簡寫，同上也是對模塊進行局部安裝，不同的是模塊寫入到 dependencies對象。 模塊同上一樣將安裝到項目文件夾下的node_modules文件夾下。 dependencies對象，這個與devDependencies不同，是需要發(fā)布到生產(chǎn)環(huán)境中的，就比如你要跑一個基于vue的項目，所以需要vue.js來支持，vue.js文件就需要跟隨項目到最終的生產(chǎn)環(huán)境。npm i vue -S即可將Vue模塊安裝到項目的依賴中，并一同發(fā)布到生產(chǎn)環(huán)境。
下圖為項目根目錄下的package.json中的devDependencies和dependencies對象
|
