1、建立NPM賬號
這一步很簡單,只需訪問npm官網建立一個賬號
2、開始建立屬於自己的NPM包
2.1、npm init
在執行這一步前,先給自己的第一個NPM取一個名字,命名需要注意以下規範:
1、不要與已存在的其他npm包重名 2、包名不能出現大寫 3、不能混淆作者身份 4、符合npm標準,不能有冒犯性的命名,或是別人的商標名 5、在package.json檔案的相應行中指定名稱。
在自己的npm包目錄下執行npm init命令,按提示一步一步輸入即可。其中必填的只有三項
name:npm包名,不可以出現大寫 version:npm包版本號,預設1.0.0 main: npm包入口檔案,預設index.js
填完後目錄下生成package.json 詳細的package.json配置說明見https://docs.npmjs.com/getting-started/using-a-package.json
2.2、開始編寫npm包
在目錄下的index.js,即配置的main入口編寫程式碼,先來一行簡單的程式碼:
var sayHello = function (msg) {
console.log(msg || 'Hello, world!')
}
module.exports = sayHello
複製程式碼
至此,一個簡單的npm包就已經寫完了,接下來就可以釋出了。
2.3、開始釋出自己的npm包
1、執行npm login輸入第一步中建立的npm賬號,通過npm whoami檢驗當前登入的npm賬號。確認賬號已註冊可訪問https://npmjs.com/~username。 2、如果你的npm包目錄下有很多檔案,需要忽略一些檔案不上傳,可以新增.gitignore檔案到根目錄,新增需要忽略的目錄或檔案到.gitignore:
ignoreFile01
ignoreDirectory02
複製程式碼
3、建立一個readme.md,給你的包做個說明,告訴別人怎麼使用你的包 4、現在可以執行npm publish釋出你自己的npm包了。成功後的提示:
+ your-package-name@1.0.0
複製程式碼
2.4、用一用自己的npm包
訪問https://npmjs.com/package/即可看到你自己的npm包了,像使用其他所有npm包那樣, 執行npm i yourPackageName即可下載自己的npm包並使用了!
2.5、更新自己的npm包
修改了自己的npm包後需要重新發布: 1、執行npm version <update_type>,已存在的版本號不允許重複。執行完命令,新的版本號會反應到目錄下的package.json。 2、改變版本後執行npm publish即可更新自己的npm包。
至此,如何建立屬於自己的NPM包完結 測試案例: