参考：vue-directive-image-previewer
支持 vue3 的指令式 图片点击预览
无任何多余参数
例子：
能使用，简陋版npmjs 包地址
//设置淘宝源
npm config set registry https://registry.npm.taobao.org
//设置公司的源
npm config set registry 公司的源
//查看源，可以看到设置过的所有的源
npm config get registry
//本次从淘宝仓库源下载
npm --registry=https://registry.npm.taobao.org install
pnpm adduser
pnpm config set registry https://registry.npm.taobao.org
pnpm config set registry https://registry.npmjs.org/
修改版本号
pnpm build
pnpm publish --no-git-checks
npm install vue3-directive-image-previewer@latest -D
import directiveImagePreviewer from 'vue3-directive-image-previewer'
const app = createApp(App)
app.use(directiveImagePreviewer.components.install)
app.directive('directiveImagePreviewer',directiveImagePreviewer.directive.vDirectiveImagePreviewer)
app.mount('#app')
import directiveImagePreviewer from 'vue3-directive-image-previewer'
console.log(directiveImagePreviewer.composables.useInc(ref(1)))
<Counter />
<img v-directive-image-previewer src='https://pic1.zhimg.com/80/v2-f920346b7269e801ab93dc87e0e18ba4_720w.jpg?source=1940ef5c' />开箱即用的 vite + vue3 + vitest + ts 库模板，用来打包 vue3 的 .vue 组件与 composition-api
typeScript- 构建工具 👉
vite - 测试工具 👉
vitest - 包管理工具 👉
pnpm - 原子
css引擎 👉unocss -
vue3，支持sfc的setup语法糖
- 支持
vue3的.vue组件 - 并行地打包
js和打包类型声明 - 支持同时导出
commonjs与esmodule两种规范 - 支持导出
.vue组件也支持的完全dts类型声明
开发 vue3 相关的 npm 库时，可以直接用该模板进行快速开发，而不需要重新构建繁杂的开发环境。
更改模板中的 package.json，LICENSE 和 README.md 为自己的信息 😜
由于用到 pnpm 的 workspace，所以 examples/vite/package.json 也需要改 👇
{
...
"devDependencies": {
- "vue3-exports": "workspace:*",
+ "your-package-name": "workspace:*"
}
...
}pnpm i # 安装依赖
pnpm dev # 开发
pnpm build # 打包
pnpm build-js # 仅打包 js
pnpm build-types # 仅打包类型
pnpm release # 发布
pnpm play # 启动 example
pnpm play:build # 打包 example
pnpm play:preview # 预览 example
pnpm test # 单元测试
pnpm test:ui # 单元测试(ui)
pnpm test:update # 单元测试(持续更新)在 src/exports 里导出即可
// 导出 composition-api
export { useInc } from "./composables/inc";
// 导出 .vue 组件
export { default as Hello } from "./components/Hello.vue";Made with name
Published under MIT License.