文:鐵樂貓 引子2018年6月1日的兒童節(jié),我在北京學(xué)習(xí)python。 課程來到前端的javascript 和 jquery,今天老師還給科普了node.js的包管理npm。 雖然以前工作時(shí)己有安裝和使用npm,但畢竟只知其然不知其所以然。 直到今天聽老師科普了一下才恍然大悟它是怎樣用法的。 后面還參考引用了一些網(wǎng)上的npm教程,更加深刻理解了。 何為node.js 和 npmNode.js是一個(gè)基于Chrome JavaScript運(yùn)行時(shí)建立的平臺(tái), 用于方便地搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用。Node.js 使用事件驅(qū)動(dòng) , 非阻塞I/O 模型而得以輕量和高效,非常適合在分布式設(shè)備上運(yùn)行數(shù)據(jù)密集型的實(shí)時(shí)應(yīng)用。
以上摘自百度百科,簡(jiǎn)單來說,Node.js很適合搭建輕量的服務(wù)器(應(yīng)用),所以它又被人稱為服務(wù)器語言,前端中的后端語言。 node翻譯過來是節(jié)點(diǎn)的意思,而node.js后面特地帶了.js,就表示它與JavaScript有莫大的關(guān)系。 node.js是javascript的一種運(yùn)行環(huán)境,是服務(wù)器端的javascript的解釋器。 
npm則是包含在node.js里面的一個(gè)包管理工具,就如同linux中的yum倉庫,rpm包管理;如同python中的pip包管理工具一樣。 而這些包管理工具都是予以使用的人們方便,同時(shí)解決各種包依賴之間的關(guān)系的。 等下面演示后,就會(huì)知道有npm去解決項(xiàng)目及包之間的依賴關(guān)系是多么的便利,省去了人手上的多少心力。讓開發(fā)人員專注于代碼上。 既然npm是包管理工具,那么它自己也和node.js分開自成一個(gè)網(wǎng)站,在npm的網(wǎng)站上面,就如同github,其倉庫中保管了N多的開源項(xiàng)目,有世界上眾多開發(fā)者提供的項(xiàng)目。我們只需要在npm的網(wǎng)站上搜索相關(guān)的就可以找到,然后在線上下載也行,直接在自己的項(xiàng)目中使用命令行安裝也行。 npm 由三個(gè)獨(dú)立的部分組成: 網(wǎng)站 是開發(fā)者查找包(package)、設(shè)置參數(shù)以及管理 npm 使用體驗(yàn)的主要途徑。 注冊(cè)表 是一個(gè)巨大的數(shù)據(jù)庫,保存了每個(gè)包(package)的信息。 CLI 通過命令行或終端運(yùn)行。開發(fā)者通過 CLI 與 npm 打交道。 
怎么使用node.js和npm安裝node.js & npm官方下載安裝包鏈接: https:///en/download/ windows下安裝msi方式的安裝包,很簡(jiǎn)單,基本就是一路點(diǎn)擊鼠標(biāo)確認(rèn)下來的,所以就不詳說了。 這里放上一個(gè)詳細(xì)截圖說明安裝的鏈接地址: https://www.runoob.com/nodejs/nodejs-install-setup.html 其實(shí)安裝完node.js后就已經(jīng)將npm也安裝上了。不過若是想要單獨(dú)更新npm時(shí)怎么辦? 可以使用以下兩個(gè)命令進(jìn)行更新:
npm install npm@latest -g
npm install npm@next -g npm init 初始化項(xiàng)目(創(chuàng)建node.js模塊)npm init 在項(xiàng)目中引導(dǎo)創(chuàng)建一個(gè)package.json文件。 安裝包的信息可保持到項(xiàng)目的package.json文件中,以便后續(xù)的其它的項(xiàng)目開發(fā)或者他人合作使用,package.json在項(xiàng)目中是必不可少的。
語法:
npm init [-f|--force|-y|--yes] 在本地創(chuàng)建一個(gè)項(xiàng)目文件夾,例如我這次的例子目錄是GhostScoolScreatBase。 cmd中進(jìn)入到該目錄下。 開始初始化項(xiàng)目:npm init 和git的初始化倉庫是不是很像。 這樣初始化之后,項(xiàng)目目錄下會(huì)自動(dòng)生成一個(gè)package.json 文件。 注意的是,npm init 命令后,npm會(huì)詢問你一系列問題,當(dāng)你填入答案后才會(huì)正式結(jié)束初始化,如果不太想自定義一些關(guān)于項(xiàng)目的描述,可以不敲npm init ,而是直接敲npm init --yes 命令行中將會(huì)提示 package.json 字段中需要你輸入的值。
名稱(name) 和 版本(version) 這兩個(gè)字段是必填的。 你還需要輸入 入口文件字段(main) 字段,默認(rèn)值是 index.js 。 在index.js文件中,添加一個(gè)函數(shù),作為 exports 對(duì)象的一個(gè)屬性。這樣,require 此文件之后,這個(gè)函數(shù)在其他代碼中就可以使用了。 exports.printMsg = function() { console.log("This is a message from the demo package");
}
如圖:
 如果想為作者(author)字段添加信息,可以使用以下格式(郵箱、網(wǎng)址都是選填的): Your Name <email@> (http://)
打開生成的package.json文件,可以看到類似如下的: { "name": "ghostschoolscreatbase", "version": "1.0.0", "description": "鐵血丹心-劇場(chǎng)經(jīng)典大戲-幽靈學(xué)院第六部2018夏季特別篇-你和我的秘密基地", "main": "index.js", "scripts": {"test": "echo \"Error: no test specified\" && exit 1"
}, "author": "鐵樂貓", "license": "ISC"}
Package.json 屬性說明name - 包名。 version - 包的版本號(hào)。 description - 包的描述。 homepage - 包的官網(wǎng) url 。 author - 包的作者姓名。 contributors - 包的其他貢獻(xiàn)者姓名。 dependencies - 依賴包列表。如果依賴包沒有安裝,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)鍵字
npm install 下載安裝依賴包前面有提到初始化項(xiàng)目,可視為創(chuàng)建node.js模塊的時(shí)候,會(huì)生成package.json文件。 而我們的項(xiàng)目顯然會(huì)在途中用上很多模塊,這些模塊是不便全部上傳到github倉庫供用戶下載的(github有限制倉庫大小不能超過100M)。且用戶還需自己手動(dòng)安裝這些依賴包也容易出錯(cuò)。 為此,npm提供了很大的便利,比如這次的項(xiàng)目,我們會(huì)用上jquery。 命令行進(jìn)入項(xiàng)目目錄; 執(zhí)行npm install jquery --save npm install <package_name> # 安裝一個(gè)本地包,如果加上-g選項(xiàng)則是安裝全局包
有兩種方式用來安裝 npm 包:本地安裝和全局安裝。至于選擇哪種方式來安裝,取決于我們?nèi)绾问褂眠@個(gè)包。
回到實(shí)例,這時(shí)項(xiàng)目下自動(dòng)會(huì)生成一個(gè)node_modules,并且node_modules文件下有jquery包,另外在package.json文件中也會(huì)有當(dāng)前記錄: "dependencies": {"jquery": "^3.
}
安裝好之后,express 包就放在了工程目錄下的 node_modules 目錄中,因此在代碼中只需要通過 require('express') 的方式就好,無需指定第三方包路徑。
var express = require('express');
同理,你在npm中下載別人發(fā)布的項(xiàng)目或模塊后,也需要npm install 來安裝好依賴以便運(yùn)行。 本地安裝和全局安裝區(qū)別如果你希望具備兩者功能,則需要在兩個(gè)地方安裝它或使用 npm link。 補(bǔ)充-模塊操作卸載模塊我們可以使用以下命令來卸載 Node.js 模塊。 $ npm uninstall express
卸載后,你可以到 /node_modules/ 目錄下查看包是否還存在,或者使用以下命令查看: $ npm ls
更新模塊我們可以使用以下命令更新模塊: $ npm update express
搜索模塊使用以下來搜索模塊: $ npm search express
創(chuàng)建模塊和發(fā)布模塊創(chuàng)建模塊使用的命令和步驟在前面npm init 中己提到。 使用以下命令在 npm 資源庫中注冊(cè)用戶(使用郵箱注冊(cè)): $ npm adduser Username: tielemaoPassword: Email: (this IS public)tieleyumao@gmail.com
用以下命令來發(fā)布模塊: $ npm publish
如果你以上的步驟都操作正確,你就可以跟其他模塊一樣使用 npm 來安裝自己發(fā)布的模塊。 版本號(hào)使用NPM下載和發(fā)布代碼時(shí)都會(huì)接觸到版本號(hào)。NPM使用語義版本號(hào)來管理代碼,這里簡(jiǎn)單介紹一下。 語義版本號(hào)分為X.Y.Z三位,分別代表主版本號(hào)、次版本號(hào)和補(bǔ)丁版本號(hào)。當(dāng)代碼變更時(shí),版本號(hào)按以下原則更新。 版本號(hào)有了這個(gè)保證后,在申明第三方包依賴時(shí),除了可依賴于一個(gè)固定版本號(hào)外,還可依賴于某個(gè)范圍的版本號(hào)。例如"argv": "0.0.x"表示依賴于0.0.x系列的最新版argv。 NPM支持的所有版本號(hào)范圍指定方式可以查看官方文檔。 使用淘寶 NPM 鏡像大家都知道國(guó)內(nèi)直接使用 npm 的官方鏡像是非常慢的,這里推薦使用淘寶 NPM 鏡像。 淘寶 NPM 鏡像是一個(gè)完整 鏡像,可以用此代替官方版本(只讀),同步頻率目前為 10分鐘一次,以保證盡量與官方服務(wù)同步。 使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認(rèn)的 npm: $ npm install -g cnpm --registry=https://registry.npm.
這樣就可以使用 cnpm 命令來安裝模塊了: $ cnpm install [name]
|