NPM的簡(jiǎn)單使用

npm是javascript的包管理工具,類似java語(yǔ)法當(dāng)中的maven, gradle, python的pip。常見(jiàn)的使用場(chǎng)景有以下幾種:

  • 允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。
  • 允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。
  • 允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。

安裝

npm是和Node.js一起發(fā)布的,只要安裝了Node.js,npm也安裝好了,可以從Node.js官網(wǎng)
下載對(duì)應(yīng)操作系統(tǒng)的安裝包安裝即可。 安裝好后,執(zhí)行如下命令,檢查是否安裝成功。

image.png

但是由于npm自身的更新頻率比Node.js高很多,所以通過(guò)上面的命令安裝的npm可能不是最新版本,可以通過(guò)下面的命令單獨(dú)更新npm

npm install npm@latest -g

使用 npm 命令安裝模塊

npm 安裝 Node.js 模塊語(yǔ)法格式如下:

npm install <Module Name>

我們使用 npm 命令安裝常用的 Node.js web框架模塊 express:

npm install express

注意

直接使用該命令可能會(huì)出現(xiàn)以下警告:


image.png

從提示可以看出來(lái),它會(huì)檢查你運(yùn)行 npm 命令時(shí)所在的目錄下有沒(méi)有 package.json 這個(gè)文件,這是我們可以使用命令初始化一個(gè):

npm init -f

-f表示force的意思,不加這個(gè),npm會(huì)讓你輸入一堆信息,比如name、version之類,如果只是做做實(shí)驗(yàn)小demo,直接-f,npm幫你初始化package.json,并填充各種默認(rèn)值,省事。

然后就可以愉快地npm install了。


image.png

因?yàn)槲疫\(yùn)行命令是在 D:\node\nodeNpm 下,所以生成的文件就在它里面


image.png

安裝好之后,express 包就放在了工程目錄下的 node_modules 目錄中,因此在代碼中只需要通過(guò) require('express') 的方式就好,無(wú)需指定第三方包路徑。

var express = require('express');

全局安裝與本地安裝

npm 的包安裝分為本地安裝(local)、全局安裝(global)兩種,從敲的命令行來(lái)看,差別只是有沒(méi)有-g而已,比如

npm install express          # 本地安裝
npm install express -g   # 全局安裝

上面一部分介紹的就是本地安裝。

本地安裝

  1. 將安裝包放在 ./node_modules 下(運(yùn)行 npm 命令時(shí)所在的目錄),如果沒(méi)有 node_modules 目錄,會(huì)在當(dāng)前執(zhí)行 npm 命令的目錄下生成 node_modules 目錄。
  2. 可以通過(guò) require() 來(lái)引入本地安裝的包。全局安裝

全局安裝

  1. 將安裝包放在 /usr/local 下或者你 node 的安裝目錄。
  2. 可以直接在命令行里使用。

接下來(lái)我們使用全局方式安裝 express

npm install express -g

查看安裝信息

你可以使用以下命令來(lái)查看所有安裝的模塊,-g表示查看所有全局安裝的模塊:

npm list -g

使用 package.json

package.json 位于模塊的目錄下,用于定義包的屬性。我們看一下剛才初始化生成的文件內(nèi)容:

{
  "name": "nodeNpm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "express": "^4.16.3"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

這里的配置是最少的,剛才安裝的express模塊里的package.json 就不只這么點(diǎn)了。

Package.json 屬性說(shuō)明

  • name - 包名。
  • version - 包的版本號(hào)。
  • description - 包的描述。
  • homepage - 包的官網(wǎng) url 。
  • author - 包的作者姓名。
  • contributors - 包的其他貢獻(xiàn)者姓名。
  • dependencies - 依賴包列表。如果依賴包沒(méi)有安裝,npm 會(huì)自動(dòng)將依賴包安裝在 node_module 目錄下。
  • repository - 包代碼存放的地方的類型,可以是 git 或 svn,git 可在 Github 上。
  • main - main 字段指定了程序的主入口文件,require('moduleName') 就會(huì)加載這個(gè)文件。這個(gè)字段的默認(rèn)值是模塊根目錄下面的 index.js。
  • keywords - 關(guān)鍵字

卸載模塊

我們可以使用以下命令來(lái)卸載 Node.js 模塊。

npm uninstall express

卸載后,你可以到 /node_modules/ 目錄下查看包是否還存在,或者使用以下命令查看:

npm ls

更新模塊

npm update express

搜索模塊

npm search express

創(chuàng)建模塊

創(chuàng)建模塊,package.json 文件是必不可少的。我們可以使用 NPM 生成 package.json 文件,生成的文件包含了基本的結(jié)果。

npm init

This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (node_modules) runoob                   # 模塊名
version: (1.0.0) 
description: Node.js 測(cè)試模塊(www.runoob.com)  # 描述
entry point: (index.js) 
test command: make test
git repository: https://github.com/runoob/runoob.git  # Github 地址
keywords: 
author: 
license: (ISC) 
About to write to ……/node_modules/package.json:      # 生成地址

{
  "name": "runoob",
  "version": "1.0.0",
  "description": "Node.js 測(cè)試模塊(www.runoob.com)",

}

Is this ok? (yes) yes

以上的信息,你需要根據(jù)你自己的情況輸入。在最后輸入 "yes" 后會(huì)生成 package.json 文件。

接下來(lái)我們可以使用以下命令在 npm 資源庫(kù)中注冊(cè)用戶(使用郵箱注冊(cè)):

$ npm adduser
Username: mcmohd
Password:
Email: (this IS public) mcmohd@gmail.com

接下來(lái)我們就用以下命令來(lái)發(fā)布模塊:

$ npm publish

如果你以上的步驟都操作正確,你就可以跟其他模塊一樣使用 npm 來(lái)安裝。

NPM 常用命令

除了上面這些,NPM還提供了很多功能,package.json里也有很多其它有用的字段??梢?a target="_blank" rel="nofollow">查看官方文檔。

  • NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。
  • 使用npm help <command>可查看某條命令的詳細(xì)幫助,例如npm help install。
  • 在package.json所在目錄下使用npm install . -g可先在本地安裝當(dāng)前命令行程序,可用于發(fā)布前的本地測(cè)試。
  • 使用npm update <package>可以把當(dāng)前目錄下node_modules子目錄里邊的對(duì)應(yīng)模塊更新至最新版本。
  • 使用npm update <package> -g可以把全局安裝的對(duì)應(yīng)命令行程序更新至最新版。
  • 使用npm cache clear可以清空NPM本地緩存,用于對(duì)付使用相同版本號(hào)發(fā)布新版本代碼的人。
  • 使用npm unpublish <package>@<version>可以撤銷發(fā)布自己發(fā)布過(guò)的某個(gè)版本代碼。

NPM安裝淘寶鏡像

npm install -g cnpm --registry=https;//registry.npm.taobao.org
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • npm是javascript的包管理工具,類似java語(yǔ)法當(dāng)中的maven, gradle, python的pip...
    mxjsxz閱讀 432評(píng)論 0 3
  • 什么是 NPM npm之于Node,就像pip之于Python,gem之于Ruby,composer之于PHP。 ...
    ihoey閱讀 6,370評(píng)論 2 36
  • 1、npm是什么? NPM (node package manager),通常稱為node包管理器。顧名思義,它的...
    徐國(guó)軍_plus閱讀 7,159評(píng)論 1 6
  • 2017年12月19日感恩分享第三天 今早伴隨5.30的鬧鈴聲,督促師弟師妹起床出去鍛煉,練聲。一切都是相互的,感...
    太陽(yáng)花_徐嘉閱讀 549評(píng)論 0 0
  • 人的一生,結(jié)為夫妻就是一種解不開(kāi)的緣。首先,鍋碗瓢盆交響曲,又是柴米油鹽醬醋茶,小事不斷,大吵也有,又恨又愛(ài)又難舍...
    春天有詩(shī)閱讀 266評(píng)論 0 0

友情鏈接更多精彩內(nèi)容