发布包到npm

目录

注册npm账号

创建包

登录npm

上架包

更新包

删除包


注册npm账号

首先注册npm账号:npm | Sign Up (npmjs.com)

创建包

可以在桌面上新建一个文件夹:文件夹名随便起,但是别跟npm已经上架的包名重复了

可以通过下面的指令查看,是否有该文件名的包

npm s 包名

也可以直接去官网上查

查到没有此包,就可以自己用。然后通过VsCode打开此文件夹

选择左侧空白地方,点击右键,选择在集成终端中打开

在终端中输入 npm init --yes 就会生成package.json文件

可以对package.json进行修改

然后就可以在文件夹中新建index.js文件(入口文件),随便写点东西并导出

登录npm

然后再终端中输入 npm login 等一小会,再点击下enter

登录npm,并输入一次性密码

登录成功后终端会有提示

上架包

上架之前,需要看下npm是否配置了淘宝镜像,可以输入 npm get registry 指令进行查看

  1. 如果配置了淘宝镜像,则需要改为npm。输入 nrm use npm 指令即可

如果提示没有nrm,则 npm i -g nrm 全局安装即可。安装之后再输入 nrm use npm

  1. 或者直接输入指令:npm config set registry https://registry.npmjs.org/

最后在终端输入 npm publish 即可上架包

更新包

修改之后,直接重新上架即可

删除包

输入指令 npm unpublish --force 删除
或者登录npm删除

往下拉,点击删除包即可

相关推荐
fruge18 小时前
Vue项目中的Electron桌面应用开发实践指南
前端·vue.js·electron
York·Zhang1 天前
VSCode 插件开发完整指南:从零到发布
ide·vscode·node.js·编辑器
漂流瓶jz1 天前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
前端架构师-老李1 天前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
木易 士心1 天前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武1 天前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女1 天前
css 画一个圆角渐变色边框
前端·css
zy happy1 天前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年1 天前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
小光学长1 天前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js