npm后面的-S和-D參數(shù)舉例詳解
更新時(shí)間：2024年01月17日 11:08:11 作者：o-h-
這篇文章主要給大家介紹了關(guān)于npm后面的-S和-D參數(shù)舉例詳解的相關(guān)資料,文中還介紹了npm -s和-d的一些區(qū)別,對大家的學(xué)習(xí)或者工作具有一定的參考階級價(jià)值,需要的朋友可以參考下
npm后面的 -S和-D參數(shù)可以加上也可以不加上，但推薦加上，這樣更加語義化！
舉例：
1、-S
npm i jQuery -S 就等于 npm i jQuery --save
注意：
- i是install的簡寫
- 后面的-S（或者–save）參數(shù)表示安裝的第三方包（即上面舉例的jQuery）放在文件package.json里面的"dependencies",代碼如下：
"dependencies":{
"jQuery":"^3.6.0" //3.6.0是jQuery的版本號
}
2、-D
npm i webpack@5.42.1 webpack-cli@4.7.2 -D 就等于 npm i webpack@5.42.1 webpack-cli@4.7.2 --save-dev
注意：
- 后面的-D（或者–save-dev）參數(shù)表示安裝的第三方包（即上面舉例的webpack和webpack-cli)被記錄在package.json里面的"devdependencies"，代碼如下：
"devdependencies":{
"webpack":"^5.42.1",
"webpack-cli":"^4.7.2"
}
3、"dependencies"表示開發(fā)和上線都需要的第三方包，用-S
4、"devdependencies"表示僅在開發(fā)階段需要的第三方包，用-D
5、如何判斷何時(shí)用-S還是-D？
- 第一步：
- 進(jìn)入這個(gè)網(wǎng)站后，例如需要下載webpack，即在這個(gè)網(wǎng)站里面直接搜索webpack
- 點(diǎn)擊你需要下載的webpack選項(xiàng)，這里我點(diǎn)擊第一個(gè)，進(jìn)入后往下滾動(dòng)，找到如下圖，就知道官網(wǎng)規(guī)定的，是-S還是-D
附：npm -s和-d區(qū)別
npm install module_name -S = > npm install module_name --save
寫入到 dependencies 對象
npm install module_name -D => npm install module_name --save-dev
寫入到 devDependencies 對象
那 package.json 文件里面的 devDependencies 和 dependencies 對象有什么區(qū)別呢？
devDependencies 里面的插件只用于開發(fā)環(huán)境，不用于生產(chǎn)環(huán)境，而 dependencies 是需要發(fā)布到生產(chǎn)環(huán)境的。
總結(jié)
到此這篇關(guān)于npm后面的-S和-D參數(shù)舉例詳解的文章就介紹到這了,更多相關(guān)npm -S和-D參數(shù)詳解內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js實(shí)現(xiàn)textarea限制輸入字?jǐn)?shù)
本文主要介紹了js實(shí)現(xiàn)textarea限制輸入字?jǐn)?shù)的原理與方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
淺談javascript中for in 和 for each in的區(qū)別
兩個(gè)的作用都用來遍歷對象，但為什么有了for in語句了還要for each in語句呢，后來看了下for each in開發(fā)的文檔，for each in是作為E4X標(biāo)準(zhǔn)的一部分在javascript 1.6中發(fā)布的，而且它不是ECMAScript標(biāo)準(zhǔn)的一部分2015-04-04
這篇文章主要介紹了js實(shí)現(xiàn)右下角提示框的方法,實(shí)例分析了Jquery插件popup.js的具體用法,需要的朋友可以參考下2015-02-02
用Javascript讀取中文COOKIE的解決辦法...2007-02-02
JS+CSS實(shí)現(xiàn)仿新浪微博搜索框的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)仿新浪微博搜索框的方法,實(shí)例分析了javascript針對搜索框樣式的控制技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了詳解webpack引用jquery（第三方模塊）的三種辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
菜鳥也能搞懂js中typeof與instanceof區(qū)別
instanceof和typeof是兩個(gè)運(yùn)算符，在程序設(shè)計(jì)中用到，常用來判斷一個(gè)變量是否為空，或者是什么類型的，本文就來介紹一下typeof與instanceof區(qū)別，感興趣的可以了解一下2021-09-09
ymPrompt的doHandler方法來實(shí)現(xiàn)獲取子窗口返回值的方法
今天在寫頁面時(shí)用到了ymPrompt的win方法來彈出一個(gè)窗口。由于要用到獲取子窗口返回來的值判斷是否刷新父窗口,在ymPrompt的組件Demo中一直沒有找到合適的方法實(shí)現(xiàn)2010-06-06
深入理解JS中的微任務(wù)和宏任務(wù)的執(zhí)行順序及應(yīng)用場景
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù)，它們的執(zhí)行順序會影響代碼的執(zhí)行結(jié)果。了解它們的機(jī)制可以幫助我們更好地理解事件循環(huán)和異步編程，避免出現(xiàn)一些意想不到的錯(cuò)誤2023-05-05
富文本編輯器不同于文本編輯器，程序員可到網(wǎng)上下載免費(fèi)的富文本編輯器內(nèi)嵌于自己的網(wǎng)站或程序里。本文將詳解一下微信小程序中富文本編輯器的實(shí)現(xiàn)與使用，需要的可以參考一下2022-06-06