欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

一文教會(huì)你如何在npm上傳自己的包

 更新時(shí)間:2023年03月17日 14:24:26   作者:蛋蛋的老公  
作為一個(gè)前端開發(fā)者,我們要學(xué)會(huì)自己編寫一些開發(fā)工具模塊,也可以自己編寫一些組件,甚至可以通過自己的能力編寫一個(gè)框架出來,這都需要我們能夠靈活的管理我們的包,下面這篇文章主要給大家介紹了關(guān)于如何通過一文教會(huì)你在npm上傳自己的包的相關(guān)資料,需要的朋友可以參考下

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)目框架的教程詳解

    利用Vue-cli搭建Vue項(xiàng)目框架的教程詳解

    這篇文章主要為大家詳細(xì)介紹了利用Vue-cli搭建Vue項(xiàng)目框架的相關(guān)資料,對(duì)大家深入了解Vue有一定的幫助,感興趣的小伙伴可以了解一下
    2023-02-02
  • Vue項(xiàng)目引入translate.js國(guó)際化自動(dòng)翻譯組件的方法

    Vue項(xiàng)目引入translate.js國(guó)際化自動(dòng)翻譯組件的方法

    這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目引入translate.js國(guó)際化自動(dòng)翻譯組件的相關(guān)資料,除了基本的文本翻譯功能之外,jstranslate還提供了一些高級(jí)功能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • vue動(dòng)態(tài)生成dom并且自動(dòng)綁定事件

    vue動(dòng)態(tài)生成dom并且自動(dòng)綁定事件

    本篇文章主要介紹了vue動(dòng)態(tài)生成dom并且自動(dòng)綁定事件,具有一定的參考價(jià)值,有興趣的可以了解一下。
    2017-04-04
  • vue利用sync語(yǔ)法糖實(shí)現(xiàn)modal彈框的項(xiàng)目實(shí)踐

    vue利用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-07
  • vue響應(yīng)式Object代理對(duì)象的修改和刪除屬性

    vue響應(yīng)式Object代理對(duì)象的修改和刪除屬性

    這篇文章主要為大家介紹了vue響應(yīng)式Object代理對(duì)象的修改和刪除屬性示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • Vue中實(shí)現(xiàn)在線畫流程圖的方法

    Vue中實(shí)現(xiàn)在線畫流程圖的方法

    最近在調(diào)研一些在線文檔的實(shí)現(xiàn),包括文檔編輯器、在線思維導(dǎo)圖、在線流程圖等,本文分享在Vue框架下基于metaeditor-mxgraph實(shí)現(xiàn)在線流程圖,感興趣的朋友一起看看吧
    2024-07-07
  • 解決vue項(xiàng)目中某一頁(yè)面不想引用公共組件app.vue的問題

    解決vue項(xiàng)目中某一頁(yè)面不想引用公共組件app.vue的問題

    這篇文章主要介紹了解決vue項(xiàng)目中某一頁(yè)面不想引用公共組件app.vue的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • Vue+Openlayers自定義軌跡動(dòng)畫

    Vue+Openlayers自定義軌跡動(dòng)畫

    這篇文章主要為大家詳細(xì)介紹了Vue+Openlayers自定義軌跡動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • vue渲染時(shí)閃爍{{}}的問題及解決方法

    vue渲染時(shí)閃爍{{}}的問題及解決方法

    v-if和v-show可能是日常開發(fā)中最常用的兩個(gè)指令,雖然看上去兩者功能是類似的,但是兩者還是存在很大區(qū)別的。接下來通過本文給大家分享vue渲染時(shí)閃爍{{}}的問題及解決方法,感興趣的朋友一起看看吧
    2018-03-03
  • vue引入外部的js文件的10種方法總結(jié)

    vue引入外部的js文件的10種方法總結(jié)

    這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目中引入外部的js文件的10種方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,需要的小伙伴可以參考下
    2023-08-08

最新評(píng)論