怎么成为你眼中的别人 (npm包从创建到发布)

150 阅读2分钟

🔰🔰🔰🔰🔰🔰你眼中的别人其实也是平凡人🔰🔰🔰🔰🔰🔰 在工作和学习过程中,我们避免不了用一些插件, 深刻体会到这些插件的强大,对我们大前端的程序员带来的便利不言而喻,我们都知道这些插件方法都是别人写好的,那么怎么成为这个"别人"呢 在这里插入图片描述 我们得有一个良好的学习习惯 , 在工作和学习中总结一些别人写的很实用很好的方法, 创建一个自己的包,然后发布他 供给全世界人使用

🏆🏆🏆🏆正片开始

  1. 进入npm官网注册一个属于自己的账号 www.npmjs.com/

  2. 在本地磁盘上创建一个空项目,项目名可以为自己喜欢的名字(注意看一下该名字是否在官网中被人使用过) 在这里插入图片描述

  3. 我们可以通过 npm view 包名 命令来查询官网是否存在 在这里插入图片描述

  4. 通过npm init --yes 命令来创建一个package.json文件,对项目信息进行设置。 在这里插入图片描述 此时文件夹中会出现一个package的文件,文件中箭头位置默认值是index.js 所以我们可以把我们收集的方法放入一个index.js,放在这个文件夹内 在这里插入图片描述 在这里插入图片描述

  5. 切换当前npm源到官网(首先查看是否在外网服务器,如果不在,切换到外网) 命令如下:

npm config get registry 
# 查看当前的npm的registry配置,确保是https://registry.npmjs.org

# 如果不是,可以通过如下命令来设置
npm config set registry https://registry.npmjs.org 
# 手动设置registry
  1. 连接npm 命令: npm adduser 这个命令需要输入四个信息以供连接上npmjs: ● 用户名 ● 密码 ● 邮箱(是你在npmjs官网上注册时使用的信息) ● 校验密码。它会向你的邮箱发邮件 在这里插入图片描述

  2. 通过npm who am i 命令确定自己是否连接上 若连接上会弹出自己的用户 名

  3. 把包上传到npm 命令 : npm publish 如果上传成功 效果如下 在这里插入图片描述9. 如果报以下错误 则说明包名已被占用 在这里插入图片描述

  4. 到官网查看自己的包是否上传

在这里插入图片描述

这样别人就可以使用我的包了

🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒🛒

今天的分享就是这些了, 跪求 三连支持 在这里插入图片描述