发布自己的npm包

这篇具有很好参考价值的文章主要介绍了发布自己的npm包。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.初始化npm包

npm init

输入npm init后,一路默认即可初始化成功,如下:

发布自己的npm包,npm,前端,node.js

初始化成功后会生成一个package.json文件 n(以我的文件夹demo-npm-dir为例)

package.json配置如下:

{
  "name": "npm-publish-demod-dqq", // 包名,这里为避免重复,我修改了包名
  "version": "1.0.0", // 版本
  "description": "for dqq test",
  "main": "index.js",
  "keywords": ["dqq-press-test"], // 关键字
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

然后在index.js写即可。

2.设置npm源

这里我设置发布到npm公有平台,根据个人项目需要配置。

npm config set registry https://registry.npmjs.org/

注:检测npm源命令

npm config get registry

3.登录npm

没有请先在官网注册,登录时会往你的邮箱发送一个验证码。

npm login

4.发布

在package.json中配置了keywords,description等后,输入以下命令发布。

npm publish

发完之后等一会儿,就可以在npm官网上查到了!

发布自己的npm包,npm,前端,node.js

5.迭代更新发布

更新新版本迭代发布包时,记得手动修改下package.json中的vesion,或可使用以下命令。

npm version patch // 补丁版本,版本号最后一位加一
npm version minor // 增加了新功能的版本,中间数字加一
npm version major // 不向下兼容的大改动,第一位数字加一

多学一点:package.lock.json中几种前缀的区别

前缀~: 推荐使用,只会修复版本的bug,比较稳定
前缀^: 有的小版本更新后会引入新的问题导致项目不稳定,比如之前的weex老项目安装依赖后页面无法显示,修改依赖版本后才正常
前缀*: 同样有上述问题

参考

前端如何发布自己的npm包,原来这么简单_哔哩哔哩_bilibili

分享自己发布的第一个npm包流程 - 掘金文章来源地址https://www.toymoban.com/news/detail-685631.html

到了这里,关于发布自己的npm包的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 发布自己的npm包

    输入npm init后,一路默认即可初始化成功,如下: 初始化成功后会生成一个package.json文件 n(以我的文件夹demo-npm-dir为例) package.json配置如下: 然后在index.js写即可。 这里我设置发布到npm公有平台,根据个人项目需要配置。 注:检测npm源命令 没有请先在官网注册,登录时会

    2024年02月10日
    浏览(55)
  • 如何发布自己的npm包

    首先创建一个文件夹(唯一的命名) 创建package.json包,输出npm init,一直回车就好。 创建index.js文件,向外暴露方法。 将包上传或更新到 npm   执行登录命令:npm login 登录npm官网,根据提示输入用户名和密码,邮箱(邮箱必须在注册时进行验证)  发布版本,在登陆命令后接

    2024年02月14日
    浏览(39)
  • 发布属于自己的 npm 包

    注意:输入密码的时候 不会显示出来,输入完整直接按回车即可

    2024年02月13日
    浏览(38)
  • Node js 升级更新后 npm用不了 npm npm does not support Node.js 或者node版本太低

    一开始是出现node版本太低,然后升级了node发现升级后npm不支持,发现是node的版本需要与npm对应,而npm没法跨级升,下面教大家解决办法: 一、检查你的nodejs和npm的版本能否对应得上 (注:如果npm版本查询显示空也可以用下面的方法) 这里附上 npm和node版本对照官网 : 以往的

    2024年02月02日
    浏览(49)
  • 73 # 发布自己的 http-server 到 npm

    1、添加 .npmignore 文件,忽略不需要的文件 2、去官网https://www.npmjs.com/检查自己的包名是否被占用 3、切换到官方源,然后检查确认 4、登录 npm 账号 5、发布 6、查看发布情况,发布成功之后,等一会,我们就能看到自己的包在 npm 上了 7、更新版本,我们添加一个 README.md 文件

    2024年02月11日
    浏览(39)
  • 自己开发或者修改的组件包如何发布到npm官方市场

    1、注册账号 打开npm官方网站: www.npmjs.com; 进行注册 注册需要用户名,密码和邮箱, 当注册完成后需打开邮箱进行验证(邮箱不验证无法上传) 二、  在需要打包发布的文件夹package.json所在目录下 执行命令:npm init  按照提示修改后一路回车就行; package name 就是安装命令

    2024年02月08日
    浏览(37)
  • npm 创建 node.js 项目

    package.json重要说明 package.json是创建任何node.js项目必须要有的一个文件。 因为在package.json文件中,有详细的项目描述, 包括: (1)项目名称:name (2)版本:version (3)依赖文件:dependencies 等等.. 1. 创建node.js项目步骤 (1) 创建package.json文件 (2) 运行npm install 创建node_modules这个文件夹

    2024年02月11日
    浏览(52)
  • Node.js 和 npm 命令

    Node.js 命令 : 运行 JavaScript 文件 : 如果你有一个名为 app.js 的 JavaScript 文件,你可以使用以下命令来运行它: REPL(Read-Eval-Print Loop)模式 : 你可以直接启动 Node.js 的交互式解释器来执行 JavaScript 代码片段,而无需保存到一个文件中: 然后你可以在 REPL 中输入 JavaScript 代码

    2024年04月15日
    浏览(40)
  • npm发布js函数库

    直接上干货吧 首先进入npm官网注册账号下面会用到 1.新建文件夹例如 chengyu 2.cdm chengyu 3.npm init  (填写一些基本信息一直y就可以 后面可以直接修改文件)结束之后多了一个package.json文件就是下面的样子 4.chengyu文件夹下面新建一个index.js入口文件 5.入口文件同级新建src  src下

    2024年02月01日
    浏览(33)
  • Win安装Node.js Npm

    1、在使用之前,先类掌握3个东西,明白它们是用来干什么的: npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是

    2024年02月08日
    浏览(106)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包