一文教會(huì)你如何在npm上傳自己的包
1、官網(wǎng)注冊(cè)
首先要在npm官網(wǎng)注冊(cè)自己的npm賬戶,鏈接:https://www.npmjs.com/
注:由于是國(guó)外的網(wǎng)站,特別特別慢。不要灰心
2、查詢是否存在包名
要查看npm官網(wǎng)中是否已有自己準(zhǔn)備上傳的包名,打開cmd。執(zhí)行命令
指令:npm view 【你的npm包名】
注:包名上傳時(shí)會(huì)自動(dòng)轉(zhuǎn)小寫,所以你還是用小寫的名稱吧
如果出現(xiàn)如下圖。則表示包名已存在,建議換個(gè)其他包名
如果出現(xiàn)以下界面,則表示輸入的包名可用。
3、初始化項(xiàng)目
指令: npm init -y
注:文件夾名稱一定不能有中文,否則報(bào)錯(cuò)。
將自己寫好的文件放入文件夾
4、切換自己的npm源
指令:
(1)查看當(dāng)前源:npm config get registry
(2)切換為npm源:npm config set registry https://registry.npmjs.org
(3)切換為淘寶鏡像:npm config set registry=https://registry.npm.taobao.org/
切記:一定要切換為npmjs.org源。
5、添加用戶
指令:npm adduser
注:一定要在第一步中注冊(cè)了賬號(hào)才行。否則會(huì)報(bào)錯(cuò)無(wú)法繼續(xù)。
cmd會(huì)彈出以下:
- Username:輸入用戶名
- Password:輸入密碼,這里是不顯示的,不用擔(dān)心,正常輸入
- Email:輸入郵箱
- Enter one-time password:輸入發(fā)到郵箱的驗(yàn)證碼
6、查看是否成功
指令:npm who am i
出現(xiàn)自己添加的賬號(hào)即表示成功。
7、上傳自己的包
因?yàn)榈谌教砑恿薸ndex.js文件,所以執(zhí)行命令
指令:npm publish
添加到了自己的包中,版本是1.0.1
注:后續(xù)如果要修改后重新添加。需要修改package.json中的版本號(hào)version。
查看自己的包
在npm官網(wǎng)中點(diǎn)擊Packages可以查看自己上傳的包,點(diǎn)擊包名,可以看到npm下載包的命令
8、下載自己的包
建立一個(gè)空文件夾,執(zhí)行指令:npm init -y,建立package.json文件
然后下載自己的包
指令:npm i 【包名】
由于我這里報(bào)了個(gè)高風(fēng)險(xiǎn)的問題,所以執(zhí)行命令強(qiáng)制處理了。
處理完了之后繼續(xù)執(zhí)行npm i 【包名】
這樣就有了你剛才上傳的包了。
9、補(bǔ)充
命令行修改版本
npm version patch
它會(huì)將package.json中的version版本加0.0.1
重新發(fā)包
npm publish
刪除指定包版本
npm unpublish 【包名@版本號(hào)】
刪除整個(gè)包
npm unpublish 【包名】 --force
總結(jié)
到此這篇關(guān)于你如何在npm上傳自己的包的文章就介紹到這了,更多相關(guān)npm上傳自己的包內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
利用Vue-cli搭建Vue項(xiàng)目框架的教程詳解
這篇文章主要為大家詳細(xì)介紹了利用Vue-cli搭建Vue項(xiàng)目框架的相關(guān)資料,對(duì)大家深入了解Vue有一定的幫助,感興趣的小伙伴可以了解一下2023-02-02Vue項(xiàng)目引入translate.js國(guó)際化自動(dòng)翻譯組件的方法
這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目引入translate.js國(guó)際化自動(dòng)翻譯組件的相關(guān)資料,除了基本的文本翻譯功能之外,jstranslate還提供了一些高級(jí)功能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01vue動(dòng)態(tài)生成dom并且自動(dòng)綁定事件
本篇文章主要介紹了vue動(dòng)態(tài)生成dom并且自動(dòng)綁定事件,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-04-04vue利用sync語(yǔ)法糖實(shí)現(xiàn)modal彈框的項(xiàng)目實(shí)踐
本文主要介紹了vue利用sync語(yǔ)法糖實(shí)現(xiàn)modal彈框的項(xiàng)目實(shí)踐,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07vue響應(yīng)式Object代理對(duì)象的修改和刪除屬性
這篇文章主要為大家介紹了vue響應(yīng)式Object代理對(duì)象的修改和刪除屬性示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08解決vue項(xiàng)目中某一頁(yè)面不想引用公共組件app.vue的問題
這篇文章主要介紹了解決vue項(xiàng)目中某一頁(yè)面不想引用公共組件app.vue的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08