如何發布第一個屬于自己的npm包

JerryWangSAP 發布于2019-08-22 15:39 / 3362人閱讀

摘要：更新已經發布的包更新包的操作和發布包的操作其實是一樣的但要注意的是，每次更新時，必須修改版本號后才能更新，比如將修改為后就能進行更新發布了。

什么是NPM？

NPM是隨同NodeJS一起安裝的javascript包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。

允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。

允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

發布前的準備 1. 注冊一個npm賬號

前往NPM官網進行注冊

2. 創建一個簡單的包

在本地創建一個項目文件夾sugars_demo (名字自己取，不要和NPM上已有的包名重復沖突就好)
然后通過終端進入文件夾（路徑每個人不一樣）

cd sugars_demo

接著可以通過命令創建一個包信息管理文件package.json

npm init

一路回車或根據包的內容來填寫相關信息后，package.json內容大概如下

{
  "name": "sugars_demo",
  "version": "1.0.0",
  "description": "A demo",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": ""
  },
  "keywords": [
    "sugars",
    "demo"
  ],
  "author": {
    "name": "sugars",
    "email": "343166031@qq.com"
  },
  "license": "MIT"
}

接著在sugars_demo文件夾里創建一個index.js文件，然后簡單敲幾行代碼

;(function (global, factory) {
  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() :
    typeof define === "function" && define.amd ? define(factory) :
      global.moduleName = factory()
}(this, (function () {
  var test = {
    sayHi: function () {
      console.log("hi");
    }
  };

  return test
})))

到這里一個簡單的包就創建好了。
如果想再完善一下的話，還可以在包根目錄下創建README.md文件，里面可以寫一些關于包的介紹信息，最后發布后會展示在NPM官網上。

開始發布創建好的包

使用終端命令行
如果是第一次發布包，執行以下命令，然后輸入前面注冊好的NPM賬號，密碼和郵箱，將提示創建成功

npm adduser

如果不是第一次發布包，執行以下命令進行登錄，同樣輸入NPM賬號，密碼和郵箱

npm login

注意：npm adduser成功的時候默認你已經登陸了，所以不需要再進行npm login了

接著先進入項目文件夾下，然后輸入以下命令進行發布

npm publish

當終端顯示如下面的信息時，就代表版本號為1.0.0的包發布成功啦！前往NPM官網就可以查到你的包了

myMacBook-Pro:sugars_demo sugars$ npm publish
+ sugars_demo@1.0.0

如果遇到顯示以下信息，比如

npm ERR publish 403

You do not have permission to publish "bootstrap".Are you logged in as
the corrent user?:bootstrap

意思就是你沒有權限發布名為“bootstrap”的包，顯然這個鼎鼎有名的包已經有人發布了，所以你只能另取它名。

更新已經發布的包

更新包的操作和發布包的操作其實是一樣的

npm publish

但要注意的是，每次更新時，必須修改版本號后才能更新，比如將1.0.0修改為1.0.1后就能進行更新發布了。
這里的包版本號有一套規則，采用的是semver（語義化版本），通俗點意思就是版本號：大改.中改.小改

云服務器 GPU云服務器如何搭建屬于自己的網站賺錢每周數百萬下載量!NPM包修復了一個遠程如何搭建一個自己的服務器如何搞一個自己的hyp加速專線

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/93625.html

從零開始寫一個npm包,一鍵生成react組件(偷懶==提高效率)

摘要：后言有了我們可以做很多很多的事情以后開發新模塊的時候就可以偷懶了純手打給個贊可好模版前言最近寫項目開發新模塊的時候，每次寫新模塊的時候需要創建一個組件的時候（包含組件css,index.js,組件js）,就只能會拷貝其他組件修改名稱，但是寫了1-2個后發現效率太低了，而且極容易出錯,所以自己寫一個npm包來減少工作量,下面就一步一步來創建一個屬于自己的npm倉庫首先第一步創建一...

Labradors 2019-08-23 10:53 評論0 收藏0
構建自己的npm包簡單實現

摘要：使用介紹是隨同一起安裝的包管理工具，能解決代碼部署上的很多問題，常見的使用場景有以下幾種允許用戶從服務器下載別人編寫的第三方包到本地使用。允許用戶將自己編寫的包或命令行程序上傳到服務器供別人使用。 NPM 使用介紹 NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。...

frontoldman 2019-08-20 18:22 評論0 收藏0
在2018年如何優雅的開發一個typescript語言的npm包？

摘要：實際開發中，如果每個包都去走一遍這些步驟，步驟好像確實有點多。歡迎大家前往騰訊云+社區，獲取更多騰訊海量技術實踐干貨哦~ 本文由小明plus發表很多時候，我們可能想要用 typescript 語言來創建一些模塊，并提交到 npm 供別人使用，那么在 2018 年，如果我想要初始化這樣的一個模塊，我需要做哪些步驟呢？：答案是：創建一個優雅的，對開發者友好的模塊，至少需要以下 15...

Karuru 2019-08-16 13:51 評論0 收藏0
技術存檔：建站（一）

摘要：自建主要花費在購買云服務器上和靜態資源托管上，剩余工作一力承擔。寫這系列文章的初衷是：對自己知識面廣度和深度的確定，并以此調整后續的發展和學習方向。希望能達到溫故而知新的效果。選擇從建站入手，是因為這個是最常見的要求。對于公司而言，網站是展示公司主旨、業務、溝通方式、宣傳營銷的必選方案，一個符合公司形象的高質量官網，必然能讓客戶留下良好的第一印象。，對個人而言，博客是表達其特有的思...

chnmagnus 2019-05-29 17:52 評論0 收藏0