常见项目管理中npm包操作总结

前言

我们在日常工作中,可能需要下载包、创建包、发布包等等。本篇推文将记录日常项目中关于npm包的操作。

引用包

npm仓库公开的包我们都可以通过npm install的命令进行引用下载。

而我们开发的业务公共组件需要在公司内部项目公共引用,而不希望公开为外人所引用。这个时候我们就需要部署私人NPM仓库。如阿里云效的npm私有仓库。

私有仓库拉取不到的包也可以设置代理从国内镜像服务器(如淘宝)或npm公共服务器进行拉取。

管理员可以通过界面配置用户权限和仓库中npm包。这个不多表。我们讲讲在日常工作中,我们应该怎么从私有仓库里拉取项目的公共包。

步骤一:

私有仓库其实就是把原本指向NPM源仓库的链接篡改为私有仓库链接。所以我们首先需要设置npm 默认仓库

bash 复制代码
npm config set registry=https://packages.aliyun.com/xxxxxxxx/npm/npm-registry/

步骤二:

登录私有仓库配发的npm账号

bash 复制代码
npm login

接下来,我们就可以回到自己的项目里执行npm ci或i了。这样子就会改从私有仓库拉取项目里的引用包文件了

创建包

步骤一:登录npm账号(可以到npm官网注册)

如果已经登陆了自己的npm账号,想要切换项目发包的账号,也可以用login进行切号

bash 复制代码
npm login

步骤二:进入你的包目录

bash 复制代码
cd npmDemo

步骤三:初始化

bash 复制代码
npm init

填写相关的项目信息。

注意这里 的package name是上传审核完成之后你的包名,可以在npm官网搜到。

也可以用这个包名进行npm i安装

bash 复制代码
npm i npm_demo_v_v

发布包

在包文件夹里执行发布命令:

bash 复制代码
npm publish

发布包的注意事项

有的项目平时使用的都是国内的镜像仓库,比如淘宝。这个时候要先修改默认npm仓库源、

因为淘宝镜像源是只读源,所以要发布npm需要去npm源,不修改会报错

bash 复制代码
nrm use npm
# 如果没有安装nrm可以使用原生
npm config set registry=http://registry.npmjs.org

如果是第一次发包,则需要执行:

bash 复制代码
npm adduser

【需要添加npm账号,按要求输入名称、密码、邮箱、一次性登陆密码】

下架包

发布24小时后才可以下架

bash 复制代码
npm --force unpublish npm_demo_v_v

更新包

按照自己的逻辑修改代码,最后修改package.json中的version。

bash 复制代码
npm version patch   //相当于是先本地更新然后上传包
npm publish
相关推荐
木木黄木木23 分钟前
css炫酷的3D水波纹文字效果实现详解
前端·css·3d
美食制作家26 分钟前
【无标题】Threejs第一个3D场景
javascript·three
郁大锤1 小时前
Flask与 FastAPI 对比:哪个更适合你的 Web 开发?
前端·flask·fastapi
HelloRevit2 小时前
React DndKit 实现类似slack 类别、频道拖动调整位置功能
前端·javascript·react.js
ohMyGod_1232 小时前
用React实现一个秒杀倒计时组件
前端·javascript·react.js
eternal__day2 小时前
第三期:深入理解 Spring Web MVC [特殊字符](数据传参+ 特殊字符处理 + 编码问题解析)
java·前端·spring·java-ee·mvc
醋醋2 小时前
Vue2源码记录
前端·vue.js
艾克马斯奎普特2 小时前
Vue.js 3 渐进式实现之响应式系统——第四节:封装 track 和 trigger 函数
javascript·vue.js
江耳3 小时前
从10秒到无限流:我用Vercel+NextJS实现AI流式对话遇到的超时问题及解决方案
前端
总之就是非常可爱3 小时前
三分钟让你看懂alien-signals computed基本原理
前端