相信很多从事前端开发的朋友都下载过前端依赖,那么如何把自己的组件代码上传到npm呢?
1、注册npm账号
打开npm官网地址:www.npmjs.com/ , 在里面注册账号,邮箱必须要填写和验证,不然无法发布组件代码到npm
2、电脑上登录npm账号
打开cmd或者git bash,当然你用其它工具也行,执行命令npm login,输入你的npm账号、密码、邮箱。
当提示到:Logged in as 你的账号 on registry.npmjs.org/ 这句提示的时候则登录成功。
注意:镜像源必须切换到registry.npmjs.org/ 上。
切换镜像源命令为:npm config set registry registry.npmjs.org/
查看当前镜像源为:npm get registry
3、创建组件
新建一个文件夹(test),打开test文件夹,输入命令:npm init,创建package.json,填写组件的相关信息,下图是我创建出来的package.json,里面的信息除了输入名称和作者,全部都是直接按enter的。注意:组件名称不能已经被占用,想要知道是否被占用了,可以在npm官网里搜索想取的组件名称
4、发布组件
把代码放到 test 文件夹,输入命令:npm publish,提交成功后会出现:+ componentName@1.0.0 等提示 (+ 组件名称@组件版本),可以在npm官网的个人Package里查看相关,然后在项目里输入命令 npm install componentName --save 来查看下自己发布的组件,在项目的node_modules文件夹里有发布的组件代码,既安装你发布的依赖组件成功,在项目的package.json里可查看到组件的信息