luo-image-annotator 0.0.1 → 0.0.2

package/README.md

@@ -36,6 +36,62 @@
    
    构建产物将输出到 `dist` 目录。
 
+## 发布到 npm
+
+如果你想更新并发布这个组件库到 npm，请按照以下步骤操作：
+
+### 1. 构建项目
+
+首先确保代码已经构建为最新的发布版本：
+
+```bash
+npm run build
+```
+
+这会在 `dist` 目录下生成打包好的文件。
+
+### 2. 更新版本号
+
+在发布之前，必须更新 `package.json` 中的版本号，否则 npm 会拒绝发布。
+
+```bash
+# 自动更新补丁版本 (例如从 0.0.1 -> 0.0.2)
+npm version patch
+```
+
+或者手动修改 `package.json` 文件中的 `version` 字段。
+
+### 3. 登录 npm (如果未登录)
+
+如果你还没有登录 npm，或者登录已过期：
+
+```bash
+npm login
+```
+按提示输入你的用户名、密码和邮箱。如果开启了双重验证 (2FA)，还需要输入一次性验证码。
+
+### 4. 发布
+
+执行发布命令：
+
+```bash
+npm publish
+```
+
+**注意：** 
+由于 npm 强制要求开启双重验证 (2FA)，发布时可能需要提供验证码。
+请在命令后加上 `--otp` 参数，填入你手机验证器 App (如 Google Authenticator) 上的 6 位数字，或者使用 npm 提供的恢复码 (Recovery Code)：
+
+```bash
+# 示例：使用手机验证码
+npm publish --otp=123456
+
+# 示例：使用恢复码 (如果你无法使用手机 App)
+npm publish --otp=你的恢复码字符串
+```
+
+发布成功后，你就可以在其他项目中通过 `npm update luo-image-annotator` 来获取最新版本了。
+
 ## 在其他项目中使用
 
 ### 1. 安装

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "luo-image-annotator",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A simple image annotation component for Vue 3",
   "scripts": {
     "dev": "vite",
@@ -20,7 +20,8 @@
       "import": "./dist/luo-image-annotator.es.js",
       "require": "./dist/luo-image-annotator.umd.js"
     },
-    "./style.css": "./dist/style.css"
+    "./dist/style.css": "./dist/luo-image-annotator.css",
+    "./style.css": "./dist/luo-image-annotator.css"
   },
   "peerDependencies": {
     "vue": "^3.2.0",