custom-resize v0.0.1

实现一个函数 同时支持 hook 和 自定义指令 去监听dom宽高的变化

需求

  1、如何监听dom宽高变化
  2、如何使用vite打包库
  3、如何发布npm

一、创建项目 1、yarn init -- 生成package.json 2、tsc --init -- 生成TS的配置文件 3、根目录创建vite.config.ts 配置文件 4、根目录创建index.d.ts文件 声明文件

    由于我们是服务于Vue的
    所以引入Vue库
       yarn add vue -D
       yarn add vite -D

package.json新增配置 1、files:[] -- 要上传的文件

2、"build":"vite build" 打包命令

3、 "main": "dist/custom.umd.js", "module": "dist/custom.mjs",3、

二、发布npm 1、要有npm账号 -- 通过npm adduser 添加 2、npm login -- 登录账号 3、npm publish -- 发布

-- npm adduser 两种情况 1、第一次注册失败后 可能会给你跳转页面 给你注册 2、报错 Public registration is not allowed 是你的registry镜像源不对
换成npm镜像 npm config set registry https://registry.npmjs.org/ 如何查看 npm config list

        nrm 也可以使用切换镜像
          nrm ls 
          nrm use 

如果你在使用 npm 的时候遇到了网络不稳定或者速度缓慢的问题，可以考虑使用 NPM 镜像源。不过，当网络恢复正常时，为了避免各种问题，建议把 NPM 镜像源切换回正常的源。 以下是如何将自己的镜像源切换为正常的步骤：

1、打开命令行工具（如 CMD、Git Bash 等）

2、运行以下命令，查看当前的 npm 镜像源：npm config get registry

3、如果输出结果为非官方源地址（如 https://registry.npm.taobao.org/），则表示你当前使用的是该镜像源。如果输出结果为官方源地址（如 https://registry.npmjs.org/），则表示你当前已经使用正常的源。

4、如果你当前使用的是非官方源，则可以通过运行以下命令把源切换回正常的源： npm config set registry https://registry.npmjs.org/ 运行这个命令时，请确保你已经使用官方源（如 https://registry.npmjs.org/）替换了上述命令中的源地址。

5、切换源后，你可以通过运行以下命令验证切换是否成功： npm config get registry 如果输出结果为官方源地址，则表示你已经成功地切换回了正常的 NPM 源。

注意：如果你在使用 NPM 镜像源时遇到了问题，请先确认该源是否可用，或者尝试使用其他可用的镜像源。同时，建议不要长期使用镜像源，以免出现不必要的麻烦。

第二种登录模式 -- 去官网注册

我之前也是用命令行注册账号 但是会有问题 403 401 踩坑

官网注册也可以的 注册完之后 直接在终端 npm login 登录

登录后 在你C盘的npm文件夹里 有个.npmrc的文件，这里是npm的信息，登录成功，这个文件里可以看到你的密钥，会多一条信息出来

登录完之后 就可以发布你的npm了