前言:
一直都在用別人的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
注意注意
- 首先看看npm賬戶有沒(méi)有在郵箱上進(jìn)行過(guò)驗(yàn)證
- 如果本地是用的淘寶鏡像源,需要切換回來(lái)
npm config set registry=http://registry.npmjs.org
- 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:
- 本地新建nmp-test-ceshi1目錄
cd nmp-test-shicc3
初始化一個(gè)package.json文件 npm init ,添加一些項(xiàng)目信息,直到is ok - 新建一個(gè)index.js,寫(xiě)一個(gè)方法,將它export。
function add(n,m){
console.log(`n+m=${n+m}`)
return n+m
}
module.exports={
add
}
- 使用npm publish發(fā)布組件包,發(fā)布成功后
登陸 https://www.npmjs.com/login 可以查看自己發(fā)布的包信息
image.png - 可以直接通過(guò)命令進(jìn)行安裝使用
npm i nmp-test-ceshi1 --save
- 導(dǎo)入引入的包模塊,調(diào)用其方法
const shicc = require('nmp-test-ceshi1')
let sum = shicc.add(100,200)
console.log(sum)
