Node-npm

一兜蠕、NPM 的兩層含義

  1. NPM 是一個(gè) 第三方模塊的托管網(wǎng)站,指的就是https://www.npmjs.com/抛寝;
  2. 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文件

使用i5ting_toc_1

執(zhí)行i5ting_toc -f .\演講面試題.md

使用i5ting_toc_2

會(huì)生成一個(gè)新的preview文件夾,里面有和原文件同名的html文件廊鸥,即轉(zhuǎn)換好的文件望浩。


使用i5ting_toc_3

三、安裝和卸載本地包

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文件夾,打開命令行

安裝jquery_1.png

執(zhí)行 npm init -y,初始化package.json配置文件

初始化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 文件

安裝jquery

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=="
    }
  }
}
node_modules文件夾

四、其它常用命令

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/
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末俯邓,一起剝皮案震驚了整個(gè)濱河市骡楼,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌稽鞭,老刑警劉巖鸟整,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異朦蕴,居然都是意外死亡篮条,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門吩抓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來涉茧,“玉大人,你說我怎么就攤上這事疹娶“樗ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵雨饺,是天一觀的道長(zhǎng)钳垮。 經(jīng)常有香客問我,道長(zhǎng)额港,這世上最難降的妖魔是什么扔枫? 我笑而不...
    開封第一講書人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮锹安,結(jié)果婚禮上短荐,老公的妹妹穿的比我還像新娘。我一直安慰自己叹哭,他們只是感情好忍宋,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著风罩,像睡著了一般糠排。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上超升,一...
    開封第一講書人閱讀 49,985評(píng)論 1 291
  • 那天入宦,我揣著相機(jī)與錄音,去河邊找鬼室琢。 笑死乾闰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的盈滴。 我是一名探鬼主播涯肩,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了病苗?” 一聲冷哼從身側(cè)響起疗垛,我...
    開封第一講書人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎硫朦,沒想到半個(gè)月后贷腕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡咬展,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年花履,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挚赊。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡诡壁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出荠割,到底是詐尸還是另有隱情妹卿,我是刑警寧澤,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布蔑鹦,位于F島的核電站夺克,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏嚎朽。R本人自食惡果不足惜铺纽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望哟忍。 院中可真熱鬧狡门,春花似錦、人聲如沸锅很。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)爆安。三九已至叛复,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扔仓,已是汗流浹背褐奥。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留翘簇,地道東北人撬码。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像缘揪,于是被迫代替她去往敵國(guó)和親耍群。 傳聞我的和親對(duì)象是個(gè)殘疾皇子义桂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容