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市场的包
报错码提示
相关推荐
前端之虎陈随易6 小时前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·vue.js·人工智能·typescript·node.js
一路向北he6 小时前
字节钢铁军团--“提供情境,而非控制”
java·开发语言·前端
kyriewen7 小时前
豆包和千问同时关了智能体,我用它们搭的 3 个自动化全废了——迁移方案整理
前端·javascript·ai编程
前端一小卒7 小时前
我用 TypeScript 从零手写了一个 Claude Code,然后发现它的核心只有 30 行
前端·agent
workflower7 小时前
设备单元级(L1)实施路径
人工智能·线性代数·矩阵·机器人·开源
大圣编程8 小时前
Python中continue语句的用法是什么?
开发语言·前端·python
yuhaiqiang8 小时前
随手 vibecoding 的浏览器插件已经 6000 多次下载,聊聊他的产品设计
前端·后端·面试
之歆9 小时前
Vue商品详情与放大镜组件
前端·javascript·vue.js
再吃一根胡萝卜10 小时前
如何把小米 MiMo 接入 CodeBuddy,打造私有 Agent
前端
菩提小狗10 小时前
每日极客日报 · 2026年07月04日
ai·开源·极客日报·it热点·技术资讯