「工具链🔧」从你的第一个npm包开始🚀🚀(手把手带你发布属于自己的npm包)

264 阅读1分钟

Hi,这里是JustHappy。相信大家写了那么多页面都写烦了吧。这次让我们来写一个最最简单的npm包并发布吧!!

首先要注册一个npm账号

可以直接点 ➡️ 这里 ⬅️ 去官网,注册一个属于自己的npm账号并保持登录

image.png


确认本地的npm源是否被修改过

很多人会修改本机的npm镜像源以确保在国内有个较快的npm包下载速度,但是这会导致在本地无法登陆npm。

# 查看本地镜像源
npm get registry

# 如果镜像源不为 https://registry.npmjs.org/ 运行以下指令
npm set registry https://registry.npmjs.org/

在本地终端登录npm账号

运行以下命令,成功后按下Enter键,终端会吊起浏览器以验证登录,在浏览器中会需要填写一个动态验证码,会发送到你的npm账号所绑定的邮箱

npm login

image.png

image.png

登录后可以在终端查看是否登录成功

npm profile get

编写一个最最简单的npm包并发布

初始化项目

  • 创建一个空文件夹

  • 使用 npm init -y 默认初始化

npm init -y

随便写一个js文件💩💩

image.png

发布你的npm包

image.png


OK 让我们来安装看看

我发布的包的名字为younodepackage

npm i younodepackage@1.0.0

可以看到已经成功下载下来

image.png

就像所有的npm包一样,我们的包会出现在node_modules目录下

image.png