如何編寫一個npm包，可以公共使用？

JerryWangSAP 發布于2019-08-22 18:09 / 1747人閱讀

摘要：經常開發的項目，文件大家應該都非常都清楚，所謂的依賴，就是邏輯的暴露，現在告訴大家怎么發布自己寫的包，供全球人使用。

經常開發vue的項目，package.json文件大家應該都非常都清楚，所謂的依賴，就是js邏輯的暴露，現在告訴大家怎么發布自己寫的npm包，供全球人使用。

npm包創建步驟 1.創建一個文件夾

mkdir test
cd test
npm init
然后一路回車即可

2.在test文件夾創建index.js（主入口文件）

index.js內容自定義即可
示例：

module.exports = function(options) {

const options = options || {};
return function(req, res, next) {
    console.log(req, res, next);
}

}

3.完善init初始化的package.json文件

name：包的名字，確保該名字是獨一無二的
version：包的版本，默認是1.0.0
description：包的描述
main：入口文件，默認是index.js
test command：測試命令
repository：git倉庫地址,一般為”type”:”git”,”url”:”git的url”
keyword：這個挺重要，盡量用比較貼切的關鍵字作為這個包的索引，這樣才能有更多的人搜索到你的包
author：寫你的賬號或者你的github賬號吧
license：開源協議用了哪個

4.添加LICENCE文件(我們選擇MIT)

參考鏈接：https://spdx.org/licenses/MIT... & https://opensource.org/licens...
新建文件名稱為：LICENSE 沒有后綴
內容輸入參考鏈接里面的text內容即可。
將和修改為對應的年份和版權擁有者名字

5.添加 README.md 文件和 .gitignore

README.md 文件主要用于該項目的一些說明，使用方法等
好看的版本信息參考鏈接：https://shields.io

6.發布npm包

首先，注冊npm賬號，鏈接：https://www.npmjs.com

其次，打開終端，到test目錄，輸入：npm adduser;然后輸入npm whoami，如果出現注冊名字，說明成功

最后，輸入npm publish --access=public,即可發布成功

測試是否發布成功，直接 npm install 你的包名，或者去注冊賬戶查看

如果更新版本，需要更改package.json里面的版本號，不然會報錯

以上就是幾步，希望大家能夠開發自己想做的npm包。

云服務器 GPU云服務器每周數百萬下載量!NPM包修復了一個遠程一個網站可以使用兩個云主機嗎一個網站可以使用兩個云vps嗎 NPM包管理器

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

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

webpack工程化集成React技術棧（一）

項目開始前，我們先聊一聊關于項目的一些說明。該項目起始于2017年初，當時公司主要技術棧為gulp+angular，鑒于react的火熱的生態，在公司決定研發bss管理系統時選用react開發，目的也是為react native打下基礎，以解決后期公司大前端技術棧的逐步成熟。（當時沒有選擇vue開發的主要原因是weex生態還不夠特別成熟），既然決定換新，項目的構建也跟著一起換，從gulp轉向火熱的...

tianhang 2019-08-22 14:47 評論0 收藏0
webpack4+vue2+axios+vue-router的多頁+單頁混合應用框架

摘要：適用于主要入口頁面生成多頁，子頁面和次要頁面使用單頁形式的項目。文件用來存放固定的數據，而文件可更加自由的處理并返回數據。 VUE2的單頁應用框架有人分享了，多頁應用框架也有人分享了，這里分享一個單頁+多頁的混合應用框架吧，node.js寫了一個簡單的mock服務也集成在里面，整體初現雛形，還有很多需要優化和改善的地方。。。項目結構 │ ├─build ...

whatsns 2019-08-23 11:44 評論0 收藏0
基于webpack4的VUE多頁腳手架

摘要：另外備注一部分參數的說明折疊有助于文檔樹中文本節點的空白區域對進行壓縮默認默認按照不同文件的依賴關系來排序。敲黑板講重點的當然目前這部分的文檔在官網還不是很全，所以這里我們參考了印記中文的說明文檔，指優化模塊。鏈接寫在前面為什么要自己手寫一個腳手架？如何去思考遇到的問題？正文鏈接原文鏈接 github whale-vue ——寫在前面 1、為什么要自己手寫...

張金寶 2019-08-23 18:40 評論0 收藏0
npm入手筆記0x002-發布自己的Node.js模塊及其版本管理

摘要：概述本篇文章承接上文，記錄的是如何發布自己的模塊編寫模塊新建項目并初始化編寫模塊代碼發布模塊測試模塊命名空間每個人都可以發布自己的包，難免會有包名相同的情況，如果想要使 0x001 概述本篇文章承接上文，記錄的是如何發布自己的Node.js模塊 0x002 編寫模塊新建項目并初始化 $ mkdir 0x005-publish-own-module $ cd 0x005-publis...

mrli2016 2019-08-21 16:24 評論0 收藏0
從零開始創建 angularjs-gulp-es5 項目

摘要：為了動態插入新加的和文件且添加的文件有一定順序，安裝系列包。具體參見至此已經可以在本地愉快的開發了。配置編譯任務開發完成以后代碼需要上線，繼續創建一些。有時間會加入校驗添加，添加等等。。。源碼地址：https://github.com/silence717/angular-gulp-seed 創建一個空文件夾名字任意，此項目為angular-gulp-seed mkdir angu...

hqman 2019-08-20 12:13 評論0 收藏0