这是我自己创建的npm包 和 上传npm的过程

1,978 阅读2分钟

第一步 打开硬盘并创建一个空文件夹

image.png

第二步 先去npm官网确认一下,这个项目名有没有被占用

检查方式:    
npm view 包名
这个命令用来查看 某个包的信息
如果返回404,说明这个项目名在npm官网上找不到,此时你就可以使用。  

如图所示:
image.png 否则,说明不可用。 如图所示:

image.png

第三步 进入到文件夹中,然后打开黑窗口在路径上输入cmd或者ctrl + r键 输入cmd

image.png

第四步需要初始化 npm init --yes 或者 npm init -y 都是一样的 会得到一个 package.json的文件

image.png

第五步 创建一个书写自己js代码的js文件,然后再在里面写js代码

image.png

第六步 写完之后 将写好的包上传到npm官网上去

1.先要查看 registry 配置是否在npm官网上  如果是就可直接上传npm官网上
  在黑窗口上 输入命令 npm config get registry     

image.png

2.如果不是 则手动设置 切换到npm官网上  
在黑窗口上 输入命令  npm config set registry https://registry.npmjs.org   

image.png

第七步 连接npm

在黑窗口 输入命令 npm adduser 
这个命令需要输入四个信息 以供连接上npmjs 
1.用户名  (是你在npmjs注册的用户名)
2.密码  (注意 输入密码时是看不到内容的 所以慎重输入)
3.邮箱 (是你在npmjs官网上绑定的邮箱) 
4.效验密码。(它会向你的邮箱里发送验证码)  
** 如果你已经不是第一次连接这个官网了,这一步是可以省略的。

image.png

然后检查一下 自己是否连接成功了 命令如下:
npm who am i

显示出自己的项目名 说明你连接成功 image.png
如果没有连接成功 则输入 npm logout 退出去

第八步 把包上传到npm

输入命令:npm publish
如果成功就会显示: image.png
出错的可能:

  • 这个包名被别人先用了。
  • 包的版本号不对:每次publish时,包的版本号都应该要大于之前的版本号。
  • 文件过大。你可能需要创建.npmignore文件来设置在打包时要忽略哪些文件。如下是一个demo.

image.png
若是没有报错,代表成功了,你可以用账你的号密码登录npm官网,去查看你名下的package是否有了你的文件名。
以上就是创建包和上传包的全部步骤。