npm--save和--save-dev區(qū)別-創(chuàng)新互聯(lián)

1、npm install 就是安裝模塊，npm run dev 就是執(zhí)行npm script中的命令。當(dāng)我們執(zhí)行npm命令的時候，它到哪里去找，這就要說到每個node項目中都有的核心文件package.json 文件。
2、項目剛剛開始時，就要創(chuàng)建package.json這個文件，可以進(jìn)入項目目錄手動創(chuàng)建，就和創(chuàng)建一個txt文件一樣(不建議)，使用命令行創(chuàng)建：npm init，然后一路回車、填信息，就可以了。
3、幾個填寫字段：
name 項目名稱， 你可能在項目中使用過 var express = require(‘express’), require 函數(shù)后面的參數(shù)，就是package.json 中的name字段，所以這個name一定要簡短，且不能有大寫，這是規(guī)定。
version版本號：安裝一個模塊的時候， 你可能指定過特定的版本號，npm install express @4.13.2, 版本號4.13.2 就是我們這里的version。版本號有三個組成部分，4：表示的是大版本，一般是重大升級。13：表示的是小版本, 在大版本的基礎(chǔ)進(jìn)行的小的更新，如某個功能廢棄了，新增了那個功能。2： 對該版本進(jìn)行補(bǔ)丁，主要是版本bug的修復(fù)。
script： 我們在命令行中執(zhí)行的所有命令都寫在這個地方，然后用 npm run 去執(zhí)行這個命令。

目前創(chuàng)新互聯(lián)已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計、七臺河網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

4、項目初始化完成，開始開發(fā)。安裝依賴(第三方庫和框架)，安裝用的命令是npm install
npm install --save 會把依賴包名稱添加到 package.json 文件 默認(rèn)為dependencies 鍵下
npm install --save-dev 把依賴包名稱添加到 package.json 文件 devDependencies 鍵下
devDependencies 下列出的模塊，是我們開發(fā)時用的，比如 我們安裝 js的壓縮包gulp-uglify 時，我們采用的是 “npm install –save-dev gulp-uglify ”命令安裝，因為我們在發(fā)布后用不到它，而只是在我們開發(fā)才用到它。dependencies 下的模塊，則是我們發(fā)布后還需要依賴的模塊，譬如像jQuery庫或者Angular框架類似的，我們在開發(fā)完后肯定還要依賴它們，否則就運(yùn)行不了。其實就是我們在使用webpack開發(fā)時，它配置文件里所有的依賴，都是開發(fā)依賴。

5、運(yùn)行webpack命令時，一定要指定模式。
webpack --mode development
webpack --mode production
dev是develop（開發(fā)）的簡寫。

6、 npm install -g 全局安裝(global)和本地安裝(local)的區(qū)別
帶不帶-g參數(shù)的區(qū)別.
帶了-g說明全局安裝.不帶說明安裝在當(dāng)前目錄
a.npm install xxx -g 時， 模塊將被下載安裝到【全局目錄】中
【全局目錄】通過 npm config set prefix "目錄路徑" 來設(shè)置。
比如說，當(dāng)我們使用了npm install -g express安裝了express框架后， 我們就可以在電腦里的某一個文件夾下，打開控制臺，直接使用express mvc創(chuàng)建項目，否則會遇到 “'express' 不是內(nèi)部或外部命令，也不是可運(yùn)行的程序”錯誤。
b.npm install xxx ，則是將模塊下載到當(dāng)前命令行所在目錄。
c:\123>npm install xxx //將會安裝到c:\123\node_modules\xxx
全局安裝完后可以在控制臺直接的使用，本地安裝的是項目開發(fā)過程中需要的依賴模塊

 本地安裝
        1. 將安裝包放在 ./node_modules 下（運(yùn)行npm時所在的目錄）
        2. 可以通過 require() 來引入本地安裝的包（按需引入）
        全局安裝
        1. 將安裝包放在 /usr/local 下
        2. 可以直接在命令行里使用

7、生成環(huán)境——正式上線的環(huán)境
一般安裝的有：vue、vue-router、vuex、jquery
開發(fā)環(huán)境——本地進(jìn)行開發(fā)調(diào)試的環(huán)境
一般安裝的有：babel、gulp、webpack、

8、
npm install moduleName 命令

  1. 安裝模塊到項目node_modules目錄下。
  2. 不會將模塊依賴寫入devDependencies或dependencies 節(jié)點。
  3. 運(yùn)行 npm install 初始化項目時不會下載模塊。因為配置文件里面沒有任何的包管理，可能會報錯，如果別人項目需要jquery，而他是全局安裝的，項目里沒寫入，那么由于沒有安裝jq，那么可能會報錯

npm install -g moduleName 命令

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

npm install -save moduleName 命令

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

npm install -save-dev moduleName 命令

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章題目：npm--save和--save-dev區(qū)別-創(chuàng)新互聯(lián)
當(dāng)前地址：http://muchs.cn/article26/ddsicg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站改版、網(wǎng)頁設(shè)計公司、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)