一兜蠕、NPM 的兩層含義
- NPM 是一個(gè) 第三方模塊的托管網(wǎng)站,指的就是https://www.npmjs.com/抛寝;
- NPM 是Node的包管理工具(全名叫做 Node package manager)熊杨,在我們安裝Node時(shí)候,就已經(jīng)順便也安裝了 NPM 這個(gè)管理工具墩剖;
二猴凹、安裝和卸載全局包
1夷狰、什么是全局的包:安裝到計(jì)算機(jī)全局環(huán)境中的包岭皂,叫做全局包;安裝的全局包可以在當(dāng)前電腦的任何目錄下沼头,直接通過命令行來訪問爷绘;
2、如何安裝全局包:運(yùn)行 npm install 包名 -g
即可进倍;其中 -g
參數(shù)土至,表示 把包安裝到全局目錄中的意思;
3猾昆、全局包的安裝目錄:C:\Users\用戶目錄\AppData\Roaming\npm
4陶因、什么樣的包適合安裝到全局:工具性質(zhì)的包,適合安裝到全局垂蜗;
5楷扬、如何卸載全局包:要卸載某個(gè)全局的包解幽,直接運(yùn)行 npm uninstall 包名 -g
即可;其中 uninstall 表示卸載的意思烘苹;
6躲株、嘗試安裝:i5ting_toc( 把markdown轉(zhuǎn)換成html文件,可以在瀏覽器打開)
安裝完成镣衡,我們來使用一下i5ting_toc霜定,找到一個(gè)演示的markdown文件
執(zhí)行
i5ting_toc -f .\演講面試題.md
會(huì)生成一個(gè)新的preview文件夾,里面有和原文件同名的html文件廊鸥,即轉(zhuǎn)換好的文件望浩。
三、安裝和卸載本地包
1惰说、什么是本地的包:跟著項(xiàng)目安裝的包曾雕,叫做本地包;本地包都會(huì)被安裝到 node_modules 目錄下助被;
2剖张、注意:如果拿到一個(gè)空項(xiàng)目,必須在當(dāng)前項(xiàng)目根目錄中揩环,先運(yùn)行 npm init
或者npm init -y
命令搔弄,初始化一個(gè)package.json的配置文件,否則包無(wú)法安裝到本地項(xiàng)目中丰滑;
3顾犹、如何安裝本地包:運(yùn)行npm i 包名 --save 即可安裝本地包;都安裝到了當(dāng)前項(xiàng)目的 node_modules目錄下褒墨;
- 如果大家用的是 npm 5.x 的版本炫刷,可以不指定
--save
命令,如果用的是 npm 3.x 的版本郁妈,則需要手動(dòng)指定--save
浑玛;
4、package-lock.json 文件中記錄了 曾經(jīng)裝過的包的下載地址噩咪,方便下次直接下載包顾彰,能夠加快裝包的速度,提升裝包的體驗(yàn)胃碾;
5涨享、如何卸載本地包:使用 npm uninstall/remove
包名 -S/-D
即可卸載指定的本地包;
6仆百、嘗試安裝一個(gè)jquery到本地
6.1厕隧、準(zhǔn)備一個(gè)proj文件夾,打開命令行
執(zhí)行
npm init -y
,初始化package.json配置文件
package.json 內(nèi)容如下:
{
"name": "proj",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
執(zhí)行 npm i jquery
,會(huì)自動(dòng)生成 node_modules 文件夾和 package-lock.json 文件
package.json 內(nèi)容如下:
{
"name": "proj",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"jquery": "^3.4.1"
}
}
package-lock.json 內(nèi)容如下:
{
"name": "proj",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"jquery": {
"version": "3.4.1",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz",
"integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw=="
}
}
}
四、其它常用命令
1吁讨、--save
的縮寫是-S
帖族,使用此命令安裝的本地包在 dependencies 節(jié)點(diǎn)下
2、--save-dev
的縮寫是-D
,使用此命令安裝的本地包在 devDependncies 節(jié)點(diǎn)下
3挡爵、install
的縮寫是 i
4竖般、注意:dependencies 節(jié)點(diǎn),表示項(xiàng)目上線部署時(shí)候需要的依賴項(xiàng)茶鹃;devDependencies節(jié)點(diǎn)涣雕,表示項(xiàng)目在開發(fā)階段需要e的依賴項(xiàng),但是當(dāng)項(xiàng)目要部署上線了闭翩,devDependencies 節(jié)點(diǎn)中的包挣郭,就不再需要了!
5疗韵、注意:當(dāng)使用npm i
快速裝包的時(shí)候兑障,npm會(huì)檢查package.json文件中,所有的依賴項(xiàng)蕉汪,然后都為我們安裝到項(xiàng)目中
6流译、--production
表示只安裝 dependencies 節(jié)點(diǎn)下,記錄的包者疤,不安裝 devDependencies 節(jié)點(diǎn)下的包福澡;當(dāng)項(xiàng)目要上線了,才會(huì)使用--production
命令
五驹马、解決 npm 下載慢問題
1革砸、默認(rèn),NPM在下載包的時(shí)候糯累,連接的是國(guó)外的服務(wù)器算利,所以,有時(shí)候如果網(wǎng)速不是特別好泳姐,可能下載不下來包效拭;此時(shí),大家可以全局安裝一個(gè)的工具仗岸,叫做 cnpm允耿,通過cnpm可以從國(guó)內(nèi)的服務(wù)器安裝包借笙。
2扒怖、如何安裝cnpm:運(yùn)行 npm i cnpm -g
即可;
3业稼、如何使用cnpm:在裝包的時(shí)候盗痒,只需要把 npm
替換成 cnpm
即可,例如:
- 使用 npm 安裝 jquery:運(yùn)行
npm i jquery -S
- 使用 cnpm 安裝 jquery: 運(yùn)行
cnpm i jquery -S
4、切換淘寶鏡像
臨時(shí)使用
npm --registry https://registry.npm.taobao.org install express
持久使用
npm config set registry https://registry.npm.taobao.org
配置后可通過下面方式來驗(yàn)證是否成功
npm config get registry
輸出:
C:\Users\Administrator>npm config get registry
https://registry.npmjs.org/