一文教會(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ò)無法繼續(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)文章
Vue2實(shí)現(xiàn)自適應(yīng)屏幕大小的兩種方法詳解
這篇文章主要為大家詳細(xì)介紹了Vue2實(shí)現(xiàn)自適應(yīng)屏幕大小的兩種方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
vue 如何將二維數(shù)組轉(zhuǎn)化為一維數(shù)組
這篇文章主要介紹了vue 如何將二維數(shù)組轉(zhuǎn)化為一維數(shù)組,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
vue3結(jié)合typescript中使用class封裝axios
這篇文章主要為大家介紹了vue3結(jié)合typescript中使用class封裝axios實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06
關(guān)于vue中element-ui?form或table?lable換行的問題
這篇文章主要介紹了vue中element-ui?form或table?lable換行的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-03-03

