常见项目管理中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
相关推荐
Hi_kenyon21 小时前
快速入门VUE与JS(二)--getter函数(取值器)与setter(存值器)
前端·javascript·vue.js
海云前端121 小时前
前端面试加分技巧:文本省略 + Tooltip 优雅实现,附可直接复用代码(求职党必看)
前端
在西安放羊的牛油果21 小时前
浅谈 storeToRefs
前端·typescript·vuex
triumph_passion21 小时前
Zustand 从入门到精通:我的工程实践笔记
前端·性能优化
pusheng202521 小时前
双气联防技术在下一代储能系统安全预警中的应用
前端·安全
C_心欲无痕21 小时前
ts - 交叉类型
前端·git·typescript
彭涛36121 小时前
Blog-SSR 系统操作手册(v1.0.0)
前端
全栈前端老曹21 小时前
【前端路由】React Router 权限路由控制 - 登录验证、私有路由封装、高阶组件实现路由守卫
前端·javascript·react.js·前端框架·react-router·前端路由·权限路由
zhuà!1 天前
uv-picker在页面初始化时,设置初始值无效
前端·javascript·uv
Amumu121381 天前
React应用
前端·react.js·前端框架