npm后面的-S和-D參數舉例詳解
更新時間：2024年01月17日 11:08:11 作者：o-h-
這篇文章主要給大家介紹了關于npm后面的-S和-D參數舉例詳解的相關資料,文中還介紹了npm -s和-d的一些區(qū)別,對大家的學習或者工作具有一定的參考階級價值,需要的朋友可以參考下
npm后面的 -S和-D參數可以加上也可以不加上，但推薦加上，這樣更加語義化！
舉例：
1、-S
npm i jQuery -S 就等于 npm i jQuery --save
注意：
- i是install的簡寫
- 后面的-S（或者–save）參數表示安裝的第三方包（即上面舉例的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）參數表示安裝的第三方包（即上面舉例的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、如何判斷何時用-S還是-D？
- 第一步：
- 進入這個網站后，例如需要下載webpack，即在這個網站里面直接搜索webpack
- 點擊你需要下載的webpack選項，這里我點擊第一個，進入后往下滾動，找到如下圖，就知道官網規(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)境，不用于生產環(huán)境，而 dependencies 是需要發(fā)布到生產環(huán)境的。
總結
到此這篇關于npm后面的-S和-D參數舉例詳解的文章就介紹到這了,更多相關npm -S和-D參數詳解內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了詳解微信小程序——自定義圓形進度條，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-12-12
這篇文章主要介紹了JS動態(tài)修改網頁body的背景色實例代碼 ,需要的朋友可以參考下2017-10-10
相信有C++、C#或Java等編程經驗的各位，對于this關鍵字再熟悉不過了。由于Javascript是一種面向對象的編程語言，它和C++、C#或Java一樣都包含this關鍵字，接下來我們將向大家介紹Javascript中的this關鍵字2012-08-08
這篇文章主要介紹了js實現按鈕顏色漸變動畫效果的方法,涉及javascript鼠標事件及頁面表單元素樣式的動態(tài)操作技巧,需要的朋友可以參考下2015-08-08
Vue項目vscode 安裝eslint插件的方法(代碼自動修復)
這篇文章主要介紹了Vue項目vscode 安裝eslint插件的方法 代碼自動修復,需要的朋友可以參考下2020-04-04
本文主要介紹了js異步之async和await實現同步寫法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
JavaScript數據結構之雙向鏈表和雙向循環(huán)鏈表的實現
本篇文章主要介紹了JavaScript數據結構之雙向鏈表和雙向循環(huán)鏈表的實現，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了微信小程序一周時間表功能實現,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了ES6 Set結構的應用,結合實例形式分析了ES6 set結構的功能、特點、常見用法及相關操作注意事項,需要的朋友可以參考下2019-06-06
這篇文章主要給大家介紹了關于如何基于js實現的圖片拖拽排序的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11