npm更新自己一个发布的包

博客介绍了在自己定义的包文件夹内更新已发布的包的操作,还配有相关图示。

进入自己定义的包文件夹内使用 npm version patch更新已发布的包

如图所示:
在这里插入图片描述

在使用 Vue.js 创建并发布一个 NPM 时,可以通过以下步骤实现。该流程括使用 Vue CLI 初始化项目、构建可发布的模块、配置打工具以及将发布NPM 平台。 ### 3.1 创建 Vue 项目 首先,使用 Vue CLI 创建一个新的 Vue 项目。确保已经安装了 Node.js 和 npm,然后运行以下命令: ```bash vue create my-vue-package ``` 进入项目目录并选择合适的配置,或者使用默认配置快速创建项目。 ### 3.2 配置为可发布NPM 为了将 Vue 项目打为适用于 NPM 的模块,需要对项目进行适当的配置。可以使用 `rollup` 或 `webpack` 进行打,但 Vue CLI 默认支持构建库(library)模式。运行以下命令将组件打为通用模块: ```bash vue build --target lib --name myVueComponent ./src/main.js ``` 其中 `--target lib` 表示构建一个库,`--name` 指定库的名称,`./src/main.js` 是入口文件。构建完成后,会在 `dist/` 目录下生成适用于不同环境的构建文件,例如 `myVueComponent.umd.js` 和 `myVueComponent.common.js` [^2]。 ### 3.3 修改 package.json 以支持发布 构建完成后,需要在 `package.json` 中添加必要的字段,以确保模块能够被正确识别和使用。以下是一个典型的配置示例: ```json { "name": "my-vue-package", "version": "1.0.0", "description": "A Vue.js component library", "main": "dist/myVueComponent.common.js", "module": "dist/myVueComponent.esm.js", "files": ["dist"], "keywords": ["vue", "component", "library"], "author": "Your Name", "license": "MIT", "peerDependencies": { "vue": "^2.6.2" } } ``` ### 3.4 发布NPM发布之前,需要确保已经注册了 NPM 账号。然后在项目根目录下运行以下命令进行登录和发布: ```bash npm login npm publish ``` 首次发布时,确保版本号为 `1.0.0`,之后每次更新后可以通过 `npm version` 命令递增版本号 [^2]。 ### 3.5 使用发布 其他开发者可以通过以下命令安装并使用你的 Vue : ```bash npm install my-vue-package ``` 在 Vue 项目中引入并注册组件: ```javascript import MyVueComponent from 'my-vue-package'; export default { components: { MyVueComponent } } ``` ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值