发布包到npm

目录

注册npm账号

创建包

登录npm

上架包

更新包

删除包


注册npm账号

首先注册npm账号:npm | Sign Up (npmjs.com)

创建包

可以在桌面上新建一个文件夹:文件夹名随便起,但是别跟npm已经上架的包名重复了

可以通过下面的指令查看,是否有该文件名的包

npm s 包名

也可以直接去官网上查

查到没有此包,就可以自己用。然后通过VsCode打开此文件夹

选择左侧空白地方,点击右键,选择在集成终端中打开

在终端中输入 npm init --yes 就会生成package.json文件

可以对package.json进行修改

然后就可以在文件夹中新建index.js文件(入口文件),随便写点东西并导出

登录npm

然后再终端中输入 npm login 等一小会,再点击下enter

登录npm,并输入一次性密码

登录成功后终端会有提示

上架包

上架之前,需要看下npm是否配置了淘宝镜像,可以输入 npm get registry 指令进行查看

  1. 如果配置了淘宝镜像,则需要改为npm。输入 nrm use npm 指令即可

如果提示没有nrm,则 npm i -g nrm 全局安装即可。安装之后再输入 nrm use npm

  1. 或者直接输入指令:npm config set registry https://registry.npmjs.org/

最后在终端输入 npm publish 即可上架包

更新包

修改之后,直接重新上架即可

删除包

输入指令 npm unpublish --force 删除
或者登录npm删除

往下拉,点击删除包即可

相关推荐
IT_陈寒14 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen14 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra15 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州15 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang45315 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家16 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize16 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙16 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut16 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy17 小时前
又一个 AI 神器火了!
前端·javascript·后端