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

若是你喜欢个人文章 欢迎点赞 留言

谢谢