likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 28

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

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

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

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

如图所示: 这是我自己创建的npm包 和 上传npm的过程 否则,说明不可用。 如图所示:

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

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

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

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

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

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

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

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

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

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

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

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

第七步 连接npm

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

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

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

显示出自己的项目名 说明你连接成功 这是我自己创建的npm包 和 上传npm的过程 如果没有连接成功 则输入 npm logout 退出去

第八步 把包上传到npm

输入命令:npm publish 如果成功就会显示: 这是我自己创建的npm包 和 上传npm的过程 出错的可能:

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

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