1、npm install 就是安裝模塊,npm run dev 就是執(zhí)行npm script中的命令。當(dāng)我們執(zhí)行npm命令的時(shí)候,它到哪里去找,這就要說(shuō)到每個(gè)node項(xiàng)目中都有的核心文件package.json 文件。
2、項(xiàng)目剛剛開(kāi)始時(shí),就要?jiǎng)?chuàng)建package.json這個(gè)文件,可以進(jìn)入項(xiàng)目目錄手動(dòng)創(chuàng)建,就和創(chuàng)建一個(gè)txt文件一樣(不建議),使用命令行創(chuàng)建:npm init,然后一路回車(chē)、填信息,就可以了。
3、幾個(gè)填寫(xiě)字段:
name 項(xiàng)目名稱(chēng), 你可能在項(xiàng)目中使用過(guò) var express = require(‘express’), require 函數(shù)后面的參數(shù),就是package.json 中的name字段,所以這個(gè)name一定要簡(jiǎn)短,且不能有大寫(xiě),這是規(guī)定。
version版本號(hào):安裝一個(gè)模塊的時(shí)候, 你可能指定過(guò)特定的版本號(hào),npm install express @4.13.2, 版本號(hào)4.13.2 就是我們這里的version。版本號(hào)有三個(gè)組成部分,4:表示的是大版本,一般是重大升級(jí)。13:表示的是小版本, 在大版本的基礎(chǔ)進(jìn)行的小的更新,如某個(gè)功能廢棄了,新增了那個(gè)功能。2: 對(duì)該版本進(jìn)行補(bǔ)丁,主要是版本bug的修復(fù)。
script: 我們?cè)诿钚兄袌?zhí)行的所有命令都寫(xiě)在這個(gè)地方,然后用 npm run 去執(zhí)行這個(gè)命令。
4、項(xiàng)目初始化完成,開(kāi)始開(kāi)發(fā)。安裝依賴(lài)(第三方庫(kù)和框架),安裝用的命令是npm install
npm install --save 會(huì)把依賴(lài)包名稱(chēng)添加到 package.json 文件 默認(rèn)為dependencies 鍵下
npm install --save-dev 把依賴(lài)包名稱(chēng)添加到 package.json 文件 devDependencies 鍵下
devDependencies 下列出的模塊,是我們開(kāi)發(fā)時(shí)用的,比如 我們安裝 js的壓縮包gulp-uglify 時(shí),我們采用的是 “npm install –save-dev gulp-uglify ”命令安裝,因?yàn)槲覀冊(cè)诎l(fā)布后用不到它,而只是在我們開(kāi)發(fā)才用到它。dependencies 下的模塊,則是我們發(fā)布后還需要依賴(lài)的模塊,譬如像jQuery庫(kù)或者Angular框架類(lèi)似的,我們?cè)陂_(kāi)發(fā)完后肯定還要依賴(lài)它們,否則就運(yùn)行不了。其實(shí)就是我們?cè)谑褂脀ebpack開(kāi)發(fā)時(shí),它配置文件里所有的依賴(lài),都是開(kāi)發(fā)依賴(lài)。
5、運(yùn)行webpack命令時(shí),一定要指定模式。
webpack --mode development
webpack --mode production
dev是develop(開(kāi)發(fā))的簡(jiǎn)寫(xiě)。
6、 npm install -g 全局安裝(global)和本地安裝(local)的區(qū)別
帶不帶-g參數(shù)的區(qū)別.
帶了-g說(shuō)明全局安裝.不帶說(shuō)明安裝在當(dāng)前目錄
a.npm install xxx -g 時(shí), 模塊將被下載安裝到【全局目錄】中
【全局目錄】通過(guò) npm config set prefix "目錄路徑" 來(lái)設(shè)置。
比如說(shuō),當(dāng)我們使用了npm install -g express安裝了express框架后, 我們就可以在電腦里的某一個(gè)文件夾下,打開(kāi)控制臺(tái),直接使用express mvc創(chuàng)建項(xiàng)目,否則會(huì)遇到 “'express' 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序”錯(cuò)誤。
b.npm install xxx ,則是將模塊下載到當(dāng)前命令行所在目錄。
c:\123>npm install xxx //將會(huì)安裝到c:\123\node_modules\xxx
全局安裝完后可以在控制臺(tái)直接的使用,本地安裝的是項(xiàng)目開(kāi)發(fā)過(guò)程中需要的依賴(lài)模塊
本地安裝
1. 將安裝包放在 ./node_modules 下(運(yùn)行npm時(shí)所在的目錄)
2. 可以通過(guò) require() 來(lái)引入本地安裝的包(按需引入)
全局安裝
1. 將安裝包放在 /usr/local 下
2. 可以直接在命令行里使用
7、生成環(huán)境——正式上線的環(huán)境
一般安裝的有:vue、vue-router、vuex、jquery
開(kāi)發(fā)環(huán)境——本地進(jìn)行開(kāi)發(fā)調(diào)試的環(huán)境
一般安裝的有:babel、gulp、webpack、
8、
npm install moduleName 命令
npm install -g moduleName 命令
npm install -save moduleName 命令
npm install -save-dev moduleName 命令
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
文章題目:npm--save和--save-dev區(qū)別-創(chuàng)新互聯(lián)
當(dāng)前地址:http://chinadenli.net/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)頁(yè)設(shè)計(jì)公司、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容