这是我自己创建的npm包 和 上传npm的过程
第一步 打开硬盘并创建一个空文件夹
第二步 先去npm官网确认一下,这个项目名有没有被占用
检查方式:
npm view 包名
这个命令用来查看 某个包的信息
如果返回404,说明这个项目名在npm官网上找不到,此时你就可以使用。
如图所示:
否则,说明不可用。 如图所示:
第三步 进入到文件夹中,然后打开黑窗口在路径上输入cmd或者ctrl + r键 输入cmd
第四步需要初始化 npm init --yes 或者 npm init -y 都是一样的 会得到一个 package.json的文件
第五步 创建一个书写自己js代码的js文件,然后再在里面写js代码
第六步 写完之后 将写好的包上传到npm官网上去
1.先要查看 registry 配置是否在npm官网上 如果是就可直接上传npm官网上
在黑窗口上 输入命令 npm config get registry
2.如果不是 则手动设置 切换到npm官网上
在黑窗口上 输入命令 npm config set registry https://registry.npmjs.org
第七步 连接npm
在黑窗口 输入命令 npm adduser
这个命令需要输入四个信息 以供连接上npmjs
1.用户名 (是你在npmjs注册的用户名)
2.密码 (注意 输入密码时是看不到内容的 所以慎重输入)
3.邮箱 (是你在npmjs官网上绑定的邮箱)
4.效验密码。(它会向你的邮箱里发送验证码)
** 如果你已经不是第一次连接这个官网了,这一步是可以省略的。
然后检查一下 自己是否连接成功了 命令如下: npm who am i
显示出自己的项目名 说明你连接成功
如果没有连接成功 则输入 npm logout 退出去
第八步 把包上传到npm
输入命令:npm publish
如果成功就会显示:
出错的可能:
- 这个包名被别人先用了。
- 包的版本号不对:每次publish时,包的版本号都应该要大于之前的版本号。
- 文件过大。你可能需要创建
.npmignore
文件来设置在打包时要忽略哪些文件。如下是一个demo.
若是没有报错,代表成功了,你可以用账你的号密码登录npm官网,去查看你名下的package是否有了你的文件名。
以上就是创建包和上传包的全部步骤。
转载自:https://juejin.cn/post/7091246575032205342