<span style="font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);">近日當(dāng)我在使用npm上已經(jīng)存在的一個(gè)包時(shí)，發(fā)現(xiàn)它有bug；于是決定自己實(shí)現(xiàn)這個(gè)功能，自己寫(xiě)一個(gè)npm包。</span> 

下面我記錄一下自己的實(shí)現(xiàn)過(guò)程。

1. npm init

選擇一個(gè)文件夾，然后用命令行cd進(jìn)去，然后執(zhí)行npm init，這時(shí)會(huì)生成一長(zhǎng)串表單，根據(jù)自己的實(shí)際情況填寫(xiě)內(nèi)容

name：填寫(xiě)你這個(gè)包的名字，默認(rèn)是你這個(gè)文件夾的名字。不過(guò)這里要著重說(shuō)一下，最好先去npm上找一下有沒(méi)有同名的包。最好的測(cè)試方式就是，在命令行里面輸入npm install 你要取的名字，如果報(bào)錯(cuò)，那么很好，npm上沒(méi)有跟你同名的包，你可以放心大膽地把包發(fā)布出去。如果成功下載下來(lái)了。。。那么很不幸，改名字吧。。。

version：你這個(gè)包的版本，默認(rèn)是1.0.0

description：其實(shí)我也不知道是什么，按回車(chē)就好了。。。，這個(gè)用一句話描述你的包是干嘛用的

entry point：入口文件，默認(rèn)是Index.js，你也可以自己填寫(xiě)你自己的文件名

test command：測(cè)試命令，這個(gè)直接回車(chē)就好了，因?yàn)槟壳斑€不需要這個(gè)。

git repository：這個(gè)是git倉(cāng)庫(kù)地址，如果你的包是先放到github上或者其他git倉(cāng)庫(kù)里，這時(shí)候你的文件夾里面會(huì)存在一個(gè)隱藏的.git目錄，npm會(huì)讀到這個(gè)目錄作為這一項(xiàng)的默認(rèn)值。如果沒(méi)有的話，直接回車(chē)?yán)^續(xù)。

keyword：這個(gè)是一個(gè)重點(diǎn)，這個(gè)關(guān)系到有多少人會(huì)搜到你的npm包。盡量使用貼切的關(guān)鍵字作為這個(gè)包的索引。我這個(gè)包嘛，第一是在express下工作的，然后又是一個(gè)插件plugin，然后又是一個(gè)注冊(cè)路由route用的，而這個(gè)路由又是基于文件目錄dir，所以很好就得出我的包的索引關(guān)鍵字。

author：寫(xiě)你的賬號(hào)或者你的github賬號(hào)吧

license：這個(gè)直接回車(chē)，開(kāi)源文件來(lái)著。。。

然后它就會(huì)問(wèn)你Are you ok?

回車(chē)Ok！

然后我們回到我們的文件目錄里面去看一看，發(fā)現(xiàn)多出來(lái)一個(gè)package.json文件

然后，在目錄下新建一個(gè)index.js文件，或者你剛才修改了那個(gè)entry point的值，那么你這個(gè)文件名也跟著改為那個(gè)值。

我的npm工程目錄結(jié)構(gòu)就是這樣的，注意其中的bin文件夾是我為了制作命令行工具才生成的，后面會(huì)講到怎么生成命令行工具；當(dāng)然，如果那不想生成命令行工具，這個(gè)文件夾就不需要了。

因?yàn)槲野逊庋b好的代碼都扔在lib里面，所以，index.js里面也就一句話：

module.exports=require('./lib')

然后，最重要的，寫(xiě)好README.md，一個(gè)給大家描述你的包的markdown文件，如果大家都不知道你的代碼是做什么的，會(huì)有人去下載你的代碼嗎？哦，對(duì)了，最好寫(xiě)英文。

2. npm publish

寫(xiě)完自己的npm包，測(cè)試運(yùn)行沒(méi)問(wèn)題后就可以發(fā)布到npm上

首先得注冊(cè)個(gè)npm帳號(hào)

用npm命令登陸一下

然后，在你的目錄下使用npm publish

注意：一般情況下，一旦你要修改你已經(jīng)發(fā)布后的代碼，然后又要執(zhí)行發(fā)布操作，務(wù)必到package.json里面，把version改一下，比如從1.0.0改為1.0.1，然后在執(zhí)行npm publish，這樣就可以成功發(fā)布了。

3. 生成命令行工具

在使用 Nodejs 過(guò)程中，有很多包都支持全局安裝，提供一個(gè)命令，然后在命令行我們就可以完成一些任務(wù)。有時(shí)候我們也需要開(kāi)發(fā)這樣的命令工具。在Node.js 中發(fā)現(xiàn)弄個(gè)命令行工具特別輕松。我使用的是commander包來(lái)生成命令行工具

$ npm install commander

然后cd到bin目錄下，新建一個(gè).js文件（名字自?。?編寫(xiě)代碼，在js文件頂部加上#!/usr/bin/env node

例如我的geAsar.js:

#!/usr/bin/env node
var asar = require('../lib/geAsar')
var program = require('commander');

program.version('v' + require('../package.json').version)
  .description('Manipulate asar archive files')

program.command('pack <dir> <output>')
  .alias('p')
  .description('create asar archive')
  .action(function (__dirpath, output) {
   asar.geAsar(__dirpath,output);
   console.log(output+"文件成功生成");
  })
program.parse(process.argv)

if (program.args.length === 0) {
 program.help()
}

然后還需在package.json中添加

"bin": { 
 "geAsar": "./bin/geAsar.js" 
 }, 

運(yùn)行 node bin/geAsar.js 會(huì)顯示當(dāng)前文件夾下的所以文件和文件夾名。這個(gè)玩意兒真的跑起來(lái)了.

全局運(yùn)行命令調(diào)試

install

如果在項(xiàng)目目錄下運(yùn)行沒(méi)有問(wèn)題，可以將當(dāng)前目錄模塊安裝到全局，也可以采用此方法來(lái)更新你的命令行工具

sudo npm install . -g

link

或者目錄輸入 npm link 會(huì)自動(dòng)添加全局的 symbolic link ，然后就可以使用自己的命令了。 (我用的是這個(gè))

以上這篇Nodejs 發(fā)布自己的npm包并制作成命令行工具的實(shí)例講解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論