注冊npm賬號

點擊 npm官網(wǎng) 注冊自己的賬號

構(gòu)建一個自己的包

本地新建一個文件夾

文件夾內(nèi)新建三個文件，index.js,package.json,README.md

• index.js：寫分享出去的對象。
• package.json：寫name:包的名字（必須）,version:版本號,main：包的入口文件，以及其他相關(guān)配置信息。

注意：package.json中的name在npm官網(wǎng)上搜一下，必須具有唯一性

比如

README.md：說明文檔，沒有特殊要求

下面舉一個例子，構(gòu)建一個將一個數(shù)據(jù)轉(zhuǎn)換為萬元為單位的包

包的結(jié)構(gòu)如下：

index.js內(nèi)容如下：

const thousand=require('./dist/thousand');
module.exports={
    ...thousand
}

dist/thousand.js內(nèi)容如下：

 const formatAsTenThousand = number => {
    if (!number) return "";
    return (number / 10000).toFixed(1);
  };
  exports.formatAsTenThousand=formatAsTenThousand

package.json內(nèi)容如下：

{
    "name": "thousand_tools",
    "version": "1.0.0",
    "main": "index.js",
    "description": "將一個數(shù)據(jù)轉(zhuǎn)換為萬元為單位",
    "keywords": [
        "thousand",
        "escape"
    ],
    "license": "ISC",
    "dependencies": {
        "thousand_tools": "^1.0.0"
    }
}

README.md內(nèi)容自己看著寫

登錄npm賬號

確認(rèn)本地終端為npm

在登錄之前，要確認(rèn)本地的鏡像源為npm官方服務(wù)器，否則會導(dǎo)致發(fā)布失敗。在終端輸入：

npm config get registry

上圖看出本地終端是淘寶鏡像，所以要切換當(dāng)前鏡像為npm

切換npm鏡像

兩種方式

1、nrm 鏡像源管理

終端輸入npm i nrm -g，全局安裝nrm

npm i nrm -g

安裝完成后，在本地終端輸入nrm ls,查看可用的鏡像源

nrm ls

上圖表示，當(dāng)前鏡像源為npm

第一次上傳包之前，終端輸入 nrm use npm,確保切換鏡像源為npm

nrm use npm

nrm use 鏡像源名稱，表示切換為當(dāng)前鏡像源。比如nrm use yan,nrm use taobao等

2、命令行直接切換

終端直接輸入npm config set 鏡像源地址進(jìn)行切換

npm config set https://registry.npmjs.org/

終端登錄npm

終端輸入npm login

npm login

按照提示輸入賬號，密碼

登錄完成之后，可以終端輸入 npm whoami確定是否登錄成功

npm whoami

發(fā)布包到npm

按照上面步驟，登錄成功之后，切換到要發(fā)布的包的根目錄，終端輸入npm publish

npm publish

然后回到npm官網(wǎng)

看到上圖，thousand_tools包即發(fā)布成功。

刪除包

終端輸入

npm unpublish thousand_tools --force

npm unpublish 包名 --force，即可從 npm 刪除已發(fā)布的包。

比如刪除上面thousand_tools包

注意:

 npm unpublish 命令只能刪除 72 小時以內(nèi)發(fā)布的包

npm unpublish 刪除的包，在 24 小時內(nèi)不允許重復(fù)發(fā)布

總結(jié)

到此這篇關(guān)于如何開發(fā)一個自己的包并發(fā)布到npm的文章就介紹到這了,更多相關(guān)開發(fā)包并發(fā)布到npm內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論