npm 上传一个自己的应用(2) 创建一个JavaScript函数 并发布到NPM

上文 npm 上传一个自己的应用(1) 搭建一个项目环境 带着大家创建了一个项目环境
我们打开
在这里插入图片描述
看json的配置 我们入口是一个叫 index.js 的文件
在这里插入图片描述
那么 我们就要把它创建出来 之后 我们的方法也就要写在这里面
和 json同一个目录 创建 index.js
在这里插入图片描述
我们这里 写个简单的求和操作
index.js编写代码如下

const summation = (a,b) => {return a+b;
}export {summation
}

这里 我们写了个 summation 函数 接受两个参数 分别是代理名 a b
然后 返回 a 加 b
最后导出这个summation函数

写好之后 我们终端执行

npm install -g

这个指令可以检查我们的代码是否报错
在这里插入图片描述
这里 明显是没问题的

然后 我们执行

npm link

npm link 是一个 npm 命令,用于在本地开发环境中将一个本地目录链接到全局 npm 模块中。它可以帮助开发者在本地测试和调试自己的 npm 模块,而不必每次都手动进行安装和卸载。当你在本地开发一个 npm 模块,可以使用 npm link 将其链接到全局模块中,然后在其他项目中像使用全局模块一样使用它。这样可以方便地进行本地模块的开发和调试。
执行完之后 会生成一个 package-lock.json
在这里插入图片描述
然后 我们来登录npm

npm login

然后 它会先后弹出 三次输入
Username 用户名
Password 密码
Email 注册时用的邮箱
然后 它会给你的邮箱发个验证码 然后输入验证码
它输出 一串地址 说明就连接成功了
在这里插入图片描述
连上之后 我们执行

npm publish

发布上去
在这里插入图片描述
然后 我们访问npm官网 https://www.npmjs.com/ 然后登录上去
在这里插入图片描述
点击自己的头像 选择 Profile
在这里插入图片描述
在这里插入图片描述
我们注意看下图指向这个名称
在这里插入图片描述
就是 我们json中定义的这个name 项目名称
在这里插入图片描述
点击进来之后 就可以看到 安装这个工具的指令
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/454377.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Spring Boot 整合 Redis 使用教程

作为开发者,相信大家都知道 Redis 的重要性。Redis 是使用 C 语言开发的一个高性能键值对数据库,是互联网技术领域使用最为广泛的存储中间件,它是「Remote Dictionary Service」的首字母缩写,也就是「远程字典服务」。 Redis 以超…

5G智能卷烟工厂数字孪生可视化平台,推进烟草行业数字化转型

5G智能卷烟工厂数字孪生可视化平台,推进烟草行业数字化转型。随着5G技术的不断发展,智能卷烟工厂数字孪生可视化平台成为了推进烟草行业数字化转型的重要手段。该平台将5G技术与数字孪生技术相结合,实现了对卷烟生产全过程的实时监控、数据分…

好用的大学生教材搜题软件?帮助大学生解决问题的实用搜题工具 #知识分享#知识分享#经验分享

对于大学生来说,每天面对各式各样的学习任务和问题,寻找合适的学习资源和工具成了我们的迫切需求。幸运的是,现如今有许多高效且实用的日常搜题和学习软件可以满足我们的需求,助力我们取得更好的学习成果。 1.Forest专注森林 Fo…

蓝桥杯Web应用开发-CSS 基础语法3(文本属性)

CSS 基础语法-文本属性 专栏持续更新中 文本属性 文本属性用于定义文本的样式,通过文本属性,可以改变文本的颜色、字间距、对齐方式、文本修饰和文本缩进等。常用文本属性如下表所示: 属 性可取值描述line-heightnormal、number、length、…

【PTA编程题】7-1 保持链表有序

对于输入的若干学生的信息,按学号顺序从小到大建立有序链表,最后遍历链表,并按顺序输出学生信息。 输入格式: 首先输入一个正整数T,表示测试数据的组数,然后是T组测试数据。每组测试数据首先输入一个正整数n&#xf…

忘记 RAG:拥抱Agent设计,让 ChatGPT 更智能更贴近实际

RAG(检索增强生成)设计模式通常用于开发特定数据领域的基于实际情况的ChatGPT。 然而,重点主要是改进检索工具的效率,如嵌入式搜索、混合搜索和微调嵌入,而不是智能搜索。 这篇文章介绍了一种新的方法,灵感…

文献速递:肿瘤分割---- ALA-Net:用于3D结直肠肿瘤分割的自适应病变感知注意力网络

文献速递:肿瘤分割---- ALA-Net:用于3D结直肠肿瘤分割的自适应病变感知注意力网络 01 文献速递介绍 结直肠癌(CRC)在全球范围内与高发病率和死亡率相关,。肿瘤的预后高度依赖于诊断时疾病的阶段。准确检测和分割肿瘤…

【已解决】c++ qt选中该行为什么该列部分变色

笔者开启了QTableView中交替行改变颜色,发现笔者自定义绘制的水平滚动条,在选中后不发生颜色改变,这让笔者很疑惑。笔者查阅资料后发现,自定义绘制的控件,要自身设置颜色。当笔者解决了这个问题时,顺手就将…

2.5学习总结

2.5 1.传纸条 2.装箱问题 3.开心的金明 4.传球游戏 5.修改数组 6.对局匹配 7.刷题统计 传纸条https://www.luogu.com.cn/problem/P1006 题目描述 小渊和小轩是好朋友也是同班同学,他们在一起总有谈不完的话题。一次素质拓展活动中,班上同学安排坐成一…

halcon圆形、残缺圆形检测

代码中关键知识: 1、循环读取图片 2、基本图像处理:开运算、二值化、内部填充、 3、获取图像边缘线,分割曲线,然后计算曲线的circularity_xld圆率范围,和area_center_xld的面积大小,做阈值筛选 4、然后…

Jmeter接口自动化测试 —— Jmeter断言之Json断言

json断言可以让我们很快的定位到响应数据中的某一字段,当然前提是响应数据是json格式的,所以如果响应数据为json格式的话,使用json断言还是相当方便的。 还是以之前的接口举例 Url: https://data.cma.cn/weatherGis/web/weather/weatherFcst…

代码生成器(新):mybatis-plus-generator使用指南

代码生成器(新)官网 后端代码:点击查看 LearnElementUiAndSpringBoot 提醒:LearnElementUiAndSpringBoot下载完后,在运行调试 Main.java里的main方法之前,除了utils包和Main.java文件,其他包需…