npm包从创建到发布

1.npm项目初始化

在本地磁盘上创建一个空项目,取文件夹名为myNpm。注意请先去npm网官去确定一下,这个项目名是否已经被占用了。(如果这个名字已经被占用了,则你是无法向npm上上传的)。

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

命令来创建一个package.json文件,对你项目myNpm信息进行设置。

2.完成功能开发

正常开发,完成你的代码。在默认情况下,index.js是这个项目的入口文件。

3.切换当前npm镜像源到官网

由于我们需要把包上传到npm上,所以要先确保当前的npm源是npmjs.org。与之相关的命令有如下两条。

(1)查看当前的npm的registry配置.

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

# 如果不是,可以通过如下命令来设置
npm config set registry https://registry.npmjs.org 
# 手动设置registry

(2)或者使用nrm工具来设置:

C:\Users\路径\>nrm ls
* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

4.连接npm

npm adduser  

这个命令需要输入三个信息以供连接上npmjs:

  • 用户名

  • 密码

  • 邮箱(是你在npmjs官网上注册时使用的信息)

你也可以通过如下命令检查自己是否连接成功了。

npm who am i

如果成功了,则可以进行最后一步了:publish

如果想退出:

npm logout

5.把包上传到npm

 npm publish 

如果成功:

npm notice
npm notice package: mybage@1.0.0
npm notice === Tarball Contents ===
npm notice 1.4kB index.js
npm notice 220B  package.json
npm notice === Tarball Details ===
npm notice name:          mybage
npm notice version:       1.0.0
npm notice package size:  861 B
npm notice unpacked size: 1.6 kB
npm notice shasum:        6017aafe55dde730e31903e57ccb0f8a51cfb48b
npm notice integrity:     sha512-ml5ewhLHa46r8[...]a3mre+DlgQNkg==
npm notice total files:   2
npm notice
+ mybage@1.0.0

出错的可能是:

  • 这个包名被别人先用了。

  • 包的版本号不对:每次publish时,包的版本号都应该要大于之前的版本号。

  • 文件过大。你可能需要创建.npmignore文件来设置在打包时要忽略哪些文件。如下是一个demo.

# .npmignore
/node_modules
npm-debug.log
/src
/examples
/build

如果没有报错,则表示一切ok,你可以用你的帐号密码登陆npm,去查看你名下的package是否有了myNpm

下载使用

通过npm install 包名即可来安装包。 然后,告诉你的小伙伴们去下载使用吧。

删除包

npm unpublish --force //强制删除

更新包

  1. 修改代码,保存。

  2. 更新版本号。可直接在package.json中修改:只能改大,不能改小。

  3. 重新publish

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值