npm后面的-S和-D參數(shù)舉例詳解
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的版本號(hào) }
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動(dòng)態(tài)修改網(wǎng)頁body的背景色實(shí)例代碼
這篇文章主要介紹了JS動(dòng)態(tài)修改網(wǎng)頁body的背景色實(shí)例代碼 ,需要的朋友可以參考下2017-10-10Javascript this 的一些學(xué)習(xí)總結(jié)
相信有C++、C#或Java等編程經(jīng)驗(yàn)的各位,對于this關(guān)鍵字再熟悉不過了。由于Javascript是一種面向?qū)ο蟮木幊陶Z言,它和C++、C#或Java一樣都包含this關(guān)鍵字,接下來我們將向大家介紹Javascript中的this關(guān)鍵字2012-08-08js實(shí)現(xiàn)按鈕顏色漸變動(dòng)畫效果
這篇文章主要介紹了js實(shí)現(xiàn)按鈕顏色漸變動(dòng)畫效果的方法,涉及javascript鼠標(biāo)事件及頁面表單元素樣式的動(dòng)態(tài)操作技巧,需要的朋友可以參考下2015-08-08Vue項(xiàng)目vscode 安裝eslint插件的方法(代碼自動(dòng)修復(fù))
這篇文章主要介紹了Vue項(xiàng)目vscode 安裝eslint插件的方法 代碼自動(dòng)修復(fù),需要的朋友可以參考下2020-04-04js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫法
本文主要介紹了js異步之a(chǎn)sync和await實(shí)現(xiàn)同步寫法,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-03-03JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實(shí)現(xiàn)
本篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表和雙向循環(huán)鏈表的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11微信小程序一周時(shí)間表功能實(shí)現(xiàn)
這篇文章主要介紹了微信小程序一周時(shí)間表功能實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10ES6 Set結(jié)構(gòu)的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 Set結(jié)構(gòu)的應(yīng)用,結(jié)合實(shí)例形式分析了ES6 set結(jié)構(gòu)的功能、特點(diǎn)、常見用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06基于js實(shí)現(xiàn)的圖片拖拽排序源碼實(shí)例
這篇文章主要給大家介紹了關(guān)于如何基于js實(shí)現(xiàn)的圖片拖拽排序的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11