最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

圖文詳解如何開發(fā)一個自己的包并發(fā)布到npm

 更新時間:2025年10月28日 10:18:15   作者:impossible1994727  
前端開發(fā)將自己編寫的常用組件、工具模塊、指令,常用api庫、框架等代碼,為了能夠更好、更靈活的管理這些代碼,上傳到npm庫是一個非常好的選擇方式,這篇文章主要介紹了如何開發(fā)一個自己的包并發(fā)布到npm的相關(guān)資料,需要的朋友可以參考下

注冊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賬號

確認本地終端為npm

在登錄之前,要確認本地的鏡像源為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 鏡像源地址進行切換

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)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Nodejs實現(xiàn)獲取實時數(shù)據(jù)的三種主流方式詳解

    Nodejs實現(xiàn)獲取實時數(shù)據(jù)的三種主流方式詳解

    這篇文章主要為大家詳細介紹了Nodejs前端獲取實時數(shù)據(jù)的三種主流方式,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-02-02
  • node+vue實現(xiàn)文件上傳功能

    node+vue實現(xiàn)文件上傳功能

    這篇文章主要介紹了node+vue實現(xiàn)文件上傳功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • node.js中express-session配置項詳解

    node.js中express-session配置項詳解

    本篇文章主要介紹了node.js中express-session配置項詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05
  • Windows下快速搭建NodeJS本地服務(wù)器的步驟

    Windows下快速搭建NodeJS本地服務(wù)器的步驟

    本篇文章主要介紹了Windows下快速搭建NodeJS本地服務(wù)器的步驟,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2017-08-08
  • Nodejs異步流程框架async的方法

    Nodejs異步流程框架async的方法

    這篇文章主要介紹了Nodejs異步流程框架async的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-06-06
  • nodejs操作mongodb的增刪改查功能實例

    nodejs操作mongodb的增刪改查功能實例

    這篇文章主要介紹了nodejs操作mongodb的增刪改查功能,簡單分析了mongodb模塊的安裝并結(jié)合實例形式分析了nodejs操作mongodb數(shù)據(jù)庫進行增刪改查的相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2017-11-11
  • NPM命令運行報錯:npm?v10.2.4?is?known?not?to?run?on?Node.js?v14.21.1解決辦法

    NPM命令運行報錯:npm?v10.2.4?is?known?not?to?run?on?Node.js

    這篇文章主要給大家介紹了關(guān)于NPM命令運行報錯:npm?v10.2.4?is?known?not?to?run?on?Node.js?v14.21.1的解決辦法,文中將解決辦法介紹的非常詳細,需要的朋友可以參考下
    2024-01-01
  • Nodejs封裝類似express框架的路由實例詳解

    Nodejs封裝類似express框架的路由實例詳解

    在本篇文章里小編給大家整理的是關(guān)于Nodejs封裝類似express框架的路由實例內(nèi)容,有需要的朋友們學(xué)習(xí)下。
    2020-01-01
  • Node.js調(diào)試技術(shù)總結(jié)分享

    Node.js調(diào)試技術(shù)總結(jié)分享

    Node.js是一個可以快速構(gòu)建網(wǎng)絡(luò)服務(wù)及應(yīng)用的平臺。該平臺的構(gòu)建是基于Chrome's JavaScript runtime,也就是說,實際上它是對Google V8引擎(應(yīng)用于Google Chrome瀏覽器)進行了封裝。 今天介紹Node.js調(diào)式目前有幾種技術(shù),需要的朋友可以參考下。
    2017-03-03
  • NodeJS中配置請求代理服務(wù)器方式

    NodeJS中配置請求代理服務(wù)器方式

    這篇文章主要介紹了NodeJS中配置請求代理服務(wù)器方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10

最新評論

新宾| 博乐市| 洞头县| 巫溪县| 三江| 梁河县| 米易县| 南城县| 静海县| 玉门市| 河间市| 罗平县| 陵水| 灯塔市| 云安县| 原平市| 泰顺县| 修武县| 略阳县| 开原市| 九台市| 喀喇| 宝鸡市| 浑源县| 巍山| 瑞金市| 沈丘县| 翁牛特旗| 平泉县| 绥德县| 卢氏县| 福建省| 邵阳县| 瑞金市| 都兰县| 文昌市| 仙桃市| 五家渠市| 合阳县| 凤台县| 嘉黎县|