發(fā)布自己的npm包

前言:

一直都在用別人的npm包,想著來(lái)試試自己也發(fā)個(gè)npm包試試看,哈哈哈

一些準(zhǔn)備工作

登陸 https://www.npmjs.com/signup 注冊(cè)一個(gè)npm賬號(hào)并郵箱驗(yàn)證,以后就用這個(gè)賬戶來(lái)進(jìn)行發(fā)包了
在npm上注冊(cè)一個(gè)賬號(hào)是很簡(jiǎn)單的,隨便填一下用戶名密碼郵箱,然后人家就會(huì)發(fā)個(gè)郵件給你,然后就注冊(cè)成功了。
然后你就可以使用npm publish來(lái)發(fā)布npm包了,當(dāng)然首次發(fā)布的時(shí)候要登錄。

本地電腦登錄

因?yàn)槲覀兪窃诒镜仉娔X上發(fā)包到npm官網(wǎng)上,需要在本地進(jìn)行登錄
打開(kāi)cmd窗口進(jìn)行登錄就好
輸入完用戶名,密碼,郵箱后沒(méi)有錯(cuò)誤信息就完成了。

$ npm adduser
Username: your name
Password: your password
Email: (this IS public) your email

查詢或者登陸別的用戶命令

npm whoami
$ npm login

注意注意

  1. 首先看看npm賬戶有沒(méi)有在郵箱上進(jìn)行過(guò)驗(yàn)證
  2. 如果本地是用的淘寶鏡像源,需要切換回來(lái)
npm config set registry=http://registry.npmjs.org
  1. npm ERR! you do not have permission to publish "your module name". Are you logged in as the correct user?

提示沒(méi)有權(quán)限,其實(shí)就是你的module名在npm上已經(jīng)被占用啦,這時(shí)候你就去需要去npm搜索你的模塊名稱(chēng),如果搜索不到,就可以用,并且把package.json里的name修改過(guò)來(lái),重新npm publish,看到如下信息就表示安裝完成了,songpackage就是我的模塊名。

songpackage@0.1.0

更新版本,發(fā)布

npm version 0.1.1
npm publish

發(fā)布

例1:

  1. 本地新建nmp-test-ceshi1目錄
    cd nmp-test-shicc3
    初始化一個(gè)package.json文件 npm init ,添加一些項(xiàng)目信息,直到is ok
  2. 新建一個(gè)index.js,寫(xiě)一個(gè)方法,將它export。
function add(n,m){
    console.log(`n+m=${n+m}`)
    return n+m
}
module.exports={
    add
}
  1. 使用npm publish發(fā)布組件包,發(fā)布成功后
    登陸 https://www.npmjs.com/login 可以查看自己發(fā)布的包信息
    image.png
  2. 可以直接通過(guò)命令進(jìn)行安裝使用
npm i nmp-test-ceshi1 --save
  1. 導(dǎo)入引入的包模塊,調(diào)用其方法
const shicc = require('nmp-test-ceshi1')
let sum = shicc.add(100,200)
console.log(sum)
?著作權(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)容

  • 對(duì)于前端來(lái)說(shuō),npm install xx 這個(gè)命令是用的比較多的,一般需要引用第三方庫(kù)/UI庫(kù),動(dòng)能插件的時(shí)候需...
    Sharise_Mo佩珊閱讀 1,556評(píng)論 0 1
  • 一、注冊(cè)npm賬號(hào) 注冊(cè)地址:https://www.npmjs.com/[https://www.npmjs.c...
    lesdom閱讀 641評(píng)論 0 1
  • 前言 當(dāng)你在完成一個(gè)個(gè)工程項(xiàng)目時(shí),忽然發(fā)現(xiàn)需要某個(gè)需求實(shí)現(xiàn)工具,恰好此時(shí)你發(fā)現(xiàn)npm或者git上還沒(méi)有這樣的工具,...
    南宮__閱讀 1,341評(píng)論 0 0
  • 作為一個(gè)前端工程師每天npm install好多遍,那么我們install的包是怎么來(lái)的呢?毫無(wú)疑問(wèn)是別人分享開(kāi)源...
    墨子工程閱讀 4,997評(píng)論 1 4
  • 自己的輪子寫(xiě)好后,要發(fā)布一下,別人才能用 1、 運(yùn)行 npm adduser,需要輸入U(xiǎn)sername,Passw...
    zhenghongmo閱讀 3,966評(píng)論 0 1

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