1. 程式人生 > >如何發布一個npm包?

如何發布一個npm包?

com href dde 一個 步驟 -s 修改 怎麽 過程

npm包在現在前端開發中經常使用且便利,而我也是經常使用,而沒研究怎麽去發布npm。那如何發布npm包呢?

一、在npm的官網上註冊一個賬號登錄,https://www.npmjs.com/

  註意此步驟記住登錄名和密碼,後面會使用到

二、新建一個目錄,比如study,進入到這個study目錄裏,使用 npm login 命令登錄,按照提示操作:

  技術分享圖片

  註意 password 輸入時不顯示,繼續按正確方式輸入就行,不影響

三、進入study目錄,執行命令npm init 初始化項目生成package.json文件

  技術分享圖片

  註意:package.json 文件的name值唯一,此名字就是將來供下載使用的npm包名

四、在study目錄新建index.js文件

  module.exports = "hello world";

五、在study目錄下發布npm包 :npm pulish

  此步驟其實發布的就是study目錄以及目錄下的文件(index.js、package.json)

  如果發布成功,請在 https://www.npmjs.com/settings/XXX/packages 下查看

註意:在 npm publish 過程中遇見的問題:

  1.郵箱未驗證

    npm ERR! 403 Forbidden - PUT https://registry.npmjs.org/study123 - you must verify your email before publishing a new package: https://www.npmjs.com/email-edit

    技術分享圖片

    處理:將郵箱中的郵箱驗證鏈接處理下就行

  2.npm 包名不唯一

    npm ERR! you do not have permission to publish ‘study‘.Are you logged in as the corrent user?

    處理:改變 package.json 中的name 值即可

拓展:

  1.使用發布的npm包

   npm install study123 --save (包名就是package.json文件的name值)
   import test from ‘study123‘
   console.log(test) //"hello world"

  2.更新一個已經發布的包
   npm version patch //修改包的版本
   npm publish //重新發布包

  3.刪除自己發布的npm包
   npm unpublish
   npm --force unpublish

   技術分享圖片

如何發布一個npm包?