npm完整发包流程(亲测可验证)

1. 准备工作

(1) 在npm官网上注册一个账号

(2) 注册成功之后,npm会发送一封邮件给你,点击邮件里面的链接,做确认关联操作(必需)

2. 创建自己的npm包

(1) 创建一个新目录

(2) 使用命令cd 进入到这个目录,执行npm init 命令初始化当前项目信息

说明:

然后就会问你 Is this ok?(yes),让你确认信息,直接回车键,回到目录文件夹下,多了一个package.json文件,打开这个文件里面的信息就是刚才填写的信息。

③ 在目录文件夹下新建一个index.js入口文件,里面填写需要发布的内容,例如:添加一个获取当前浏览器查询参数方法

javascript 复制代码
exports.getUrlParams = function(key) {
    let search = window.location.search.replace(/^\?/, "");
    let pairs = search.split("&");
    let paramsMap = pairs.map(pair => {
        let [key, value] = pair.split("=");
        return [decodeURIComponent(key), decodeURIComponent(value)];
    }).reduce((res, [key, value]) => Object.assign(res, { [key]: value }), {});
    return paramsMap[key] || "";
}
3. 登录npm,执行npm login 命令登录,按照提示填写对应的内容
需要注意!!!

npm login 要将npm镜像源修改为npm的

4.远程连接git仓库
javascript 复制代码
git init
git add .
git commit -m "init"
git remote add origin xxxx
git push -u origin main
5. 发布前先看看包名有没有被使用了
javascript 复制代码
npm search "plugin_name xxxx"
6. 发布
javascript 复制代码
npm publish
7. 删除包
javascript 复制代码
npm unpublish get-url-query-params@1.0.0 // 删除某个版本 @后面接版本号
npm unpublish get-url-query-params --force // 删除整个npm市场的包
报错码提示
相关推荐
fthux16 小时前
装闭 RenoPit 源码解析(02):AI装修闭坑系统数据库与模型设计
人工智能·ai·开源·github·open source·renopit
破晓单片机16 小时前
096、STM32项目分享开源:蓝牙智能手环
stm32·单片机·嵌入式硬件·开源
码林鼠17 小时前
2026前端面试题(二)
前端
FIT2CLOUD飞致云17 小时前
操作教程丨在千问办公中使用Cordys CRM Skills技能,落地AI CRM
ai·开源·crm·销售管理·cordys crm·千问办公
元岳数字人小元17 小时前
数字人开源技术优势解析,助力智能交互普及落地
运维·人工智能·开源·人机交互·交互
FIT2CLOUD飞致云19 小时前
修复安全漏洞及相关问题,MaxKB开源企业级智能体平台v2.10.5 LTS版本发布
人工智能·ai·开源·智能体·maxkb
宿67419 小时前
tsconfig.node.json
前端·javascript·vue.js
小杨互联网19 小时前
Cursor 前端 Dist 自动化逆向框架:/fr 流水线 · 4 脚本 · Vite/Webpack
前端·webpack·自动化·前端逆向框架·ai前端逆向框架
瑞码空间19 小时前
Web应用的多端部署之道:浏览器 · Electron · Docker
前端·docker·electron·浏览器·web
徐奥雯XUAOWEN19 小时前
Codex官网前端可抄吗?从技术视角深度解析与借鉴指南
前端