Slog57_玩轉NPM之NPM_package的製做發佈和使用

• ArthurSlog
• SLog-57
• Year·1
• Guangzhou·China
• Sep 2th 2018

---

• GitHub
• 掘金主頁
• 簡書主頁
• segmentfault

越無力纔會愈加火 人無完人 學會控火

---

開發環境MacOS(High Sierra 10.13.5)

須要的信息和信息源：

• NPM官方手冊

開始編碼

• 首先，登錄 npm官網 註冊一個帳號
• 完成註冊後，記得驗證郵箱
• 如今你就擁有了本身的 npm主頁了，地址是 https://www.npmjs.com/~你的用...
• 如今打開命令行，登錄 npm帳戶
• 切換至桌面，新建一個文件夾 arthur-demo-package

cd ~/Desktop

mkdir arthur-demo-package

• 切換至 arthur-demo-package文件夾路徑下

cd arthur-demo-package

• 如今咱們來建立併發布咱們本身的npm包（NPM PACKAGE）
• 首先，先登陸npm帳號

npm login

• 根據提示輸入帳號、密碼和郵箱地址
• 接着，使用npm指令初始化配置文件package.json

sudo npm init

• 根據提示，設置好本身的賬戶名，其餘的默認就行
• 如今，咱們來編寫咱們的代碼文件index.js 和 自述文件readme.md，其中自述文件爲Markdown格式

~/Desktop/arthur-demo-package/index.js

exports.printMsg = function(){
    console.log("This is a message from the demo package");
}

~/Desktop/arthur-demo-package/readme.md

# This is a messgae from the demo package

• ok，接下來最後一步，提交本身編寫的 npm package到 npm倉庫裏去

npm publish

• 打開你的npm主頁，這裏打開我本身的主頁，地址是 https://www.npmjs.com/~arthur...
• 咱們來測試一下本身寫的npm package
• 切換至桌面，新建文件夾 testnpmpackage

cd ~/Desktop

mkdir testnpmpackage

• 切換至 testnpmpackage文件夾路徑下

cd testnpmpackage

• 初始化npm 配置文件，默認配置

sudo npm init

• 安裝 咱們本身編寫的npm package

sudo npm i arthur-demo-package

• 導入咱們編寫的npm package，編寫測試文件

~/Desktop/testnpmpcaksge/test.js

const arthur = require('arthur-demo-package');

arthur.printMsg();

• 執行文件

node test.js

• 結果

This is a message from the demo package

• 至此，咱們完成了 npm package 的製做、發佈和使用。

---

歡迎關注個人微信公衆號 ArthurSlog

若是你喜歡個人文章 歡迎點贊 留言

謝謝