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市场的包
报错码提示
相关推荐
糕冷小美n5 小时前
elementuivue2表格不覆盖整个表格添加固定属性
前端·javascript·elementui
小哥不太逍遥6 小时前
Technical Report 2024
java·服务器·前端
沐墨染6 小时前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
anOnion6 小时前
构建无障碍组件之Disclosure Pattern
前端·html·交互设计
threerocks6 小时前
前端将死,Agent 永生
前端·人工智能·ai编程
问道飞鱼7 小时前
【前端知识】Vite用法从入门到实战
前端·vite·项目构建
爱上妖精的尾巴7 小时前
8-10 WPS JSA 正则表达式:贪婪匹配
服务器·前端·javascript·正则表达式·wps·jsa
魔乐社区7 小时前
来魔乐,一键获取OpenClaw (原Moltbolt/Clawdbot),告别部署烦恼!
人工智能·开源·agent·clawdbot·openclaw
Aliex_git8 小时前
浏览器 API 兼容性解决方案
前端·笔记·学习
独泪了无痕8 小时前
useStorage:本地数据持久化利器
前端·vue.js