专栏首页勿忘初心npm - 组件发布
原创

npm - 组件发布

如何将自己写的组件包发布到npm上

一、注册npm

1、npm官方地址:https://www.npmjs.com/

2、注册-登录(注册完成需验证电子邮箱)

二、初始化

1、新建一个文件夹,在此文件打开cmd

2、执行初始化命令 npm init

3、配置package.json文件

主要配置以下:

name -- 包名 (格式:@XXX/包名, XXX为npm账号名,如果不加@XXX需要收费)

version -- 版本号 (只能使用三位数的版本号,如:1.0.0)

author -- 电子邮箱 (注册npm账号绑定的电子邮箱)

4、新建一个index.js文件,为空即可 (可用于组件入口文件)

组件包与package.json文件同级

三、登录发布

1、npm: 检查当前npm镜像 -- nrm ls 切换npm镜像为官方镜像 -- nrm use npm

2、在cmd上登录npm账号: npm login

3、查看登录状态: npm whoami

4、发布: npm publish --access public

成功

四、遇到的问题

1、邮箱未验证,注册npm的时候没有看到邮件,进npm官网重新发送验证即可

2、第一次发布时,包名和其他人的重复,故没权限发布

3、npm publish会默认发布为私有包,但npm的私有包需要付费,需要添加参数进行发布:

npm publish --access public

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript - 函数防抖与节流

    防抖:在任务频发的情况下,在任务触发的间隔超过设定的间隔的时候,任务才会执行,即被调用的函数在一次连续的高频操作中只被调用一次。

    长风过境
  • npm常用命令

    npm是什么,大家都应该很熟悉了。npm的常用命令很多,为了避免经常到npm官网查找,特将常用的npm命令整理下来。 npm install 包安装模块 本地安...

    IMWeb前端团队
  • NPM 学习笔记整理

    npm 之于 Node ,就像 pip 之于 Python , gem 之于 Ruby , composer 之于 PHP 。

    ihoey
  • npm 常用配置

    npm config list/ls 显示配置信息 npm config list/ls -l 更详细 npm -h 显示帮助信息,建议多查看 npm -l d...

    windseek
  • 解决ionic4编译过慢的问题

    ionic4中编译一次需要几十秒,远比ionic3久,在Github上看有没有人反馈这个问题,发现还真的有,而解决方法是:

    IT晴天
  • 微信小程序使用npm

    1.初始化npm:在你所建项目的根目录下,执行npm init 2.微信开发者工具开启"使用npm模块"(右上角详情-本地设置-勾选使用npm模块) 3.在项目...

    似水的流年
  • NPM常用命令

    版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/articl...

    空空云
  • Vue自定义弹窗组件(一)npm包管理

    npm 为你和你的团队打开了连接整个 JavaScript 天才世界的一扇大门。它是世界上最大的软件注册表,每星期大约有 30 亿次的下载量,包含超过 6000...

    RtyXmd
  • 让你备受刮目相看的8个npm技巧

    你观看一个同事编码时候,你会看到一些速记和技巧被应用,有些方式你并不熟悉,那你就被鄙视了,这种事情在我们每一个一生都会发生的。

    疯狂的技术宅
  • 前端开发:node.js的node包管理器npm安装以及使用

    在前端开发过程中,node.js进行包管理的时候会使用npm管理器来操作。npm(node package manager)包管理器,主要是用于第三方模块的下载...

    三掌柜

扫码关注云+社区

领取腾讯云代金券