# @easy-smart-app-banner/vue-plugin 中文文档

规范地址：https://npmcn.com/package/%40easy-smart-app-banner/vue-plugin/

版本：3\.0\.0
npm 元数据更新时间：2026-10-21T06:54:26.790Z
中文译文更新时间：2026-11-13T03:52:57.544Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40easy-smart-app-banner/vue-plugin
原文对照：https://npmcn.com/package/%40easy-smart-app-banner/vue-plugin/?lang=original
项目主页：https://github.com/albert118/smart-app-banner/tree/master/plugins/vue-plugin
源码仓库：https://github.com/albert118/smart-app-banner

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：80.9 kB，12 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- Node.js 要求：\>=22
- 运行依赖：2 个
- peer 依赖：vue ^3\.5\.0
- 首次发布：2025-05-08T16:18:18.956Z
- 最新版本发布：2026-10-21T06:54:26.450Z
- 近 30 天下载量：3977（2026-10-13 至 2026-11-11，npm 官方下载统计）
- 已发布版本数：14（近 12 个月 1 个）

## 中文简介

用于 Easy Smart App Banner 的 Vue 插件

## 安装

```sh
npm install @easy-smart-app-banner/vue-plugin
```

也可以使用：`pnpm add @easy-smart-app-banner/vue-plugin`、`yarn add @easy-smart-app-banner/vue-plugin`、`bun add @easy-smart-app-banner/vue-plugin`

## README

# 简易智能 App Blanner - Vue 插件

[![NPM version](https://img.shields.io/npm/v/@easy-smart-app-banner/vue-plugin?logo=npm&color=e3e023)](https://www.npmjs.com/package/@easy-smart-app-banner/vue-plugin) [![TypeScript](https://img.shields.io/badge/%3C%2F%3E-TypeScript-%230074c1.svg)](http://www.typescriptlang.org/)

用于 Vue 插件 [智能 App 横幅](https://github.com/albert118/smart-app-banner)。 。 。 .

## 安装

```sh
npm i -S @easy-smart-app-banner/vue-plugin
```

`vue` (单位:千美元)`^3.5.0`)是同级依赖关系。 你的应用程序提供了它.

* * *

## 使用量

```ts
// main.ts
import './assets/main.css';

import { createApp } from 'vue';
import App from './App.vue';
import createSmartAppBanner, {
    type SmartBannerOptions,
} from '@easy-smart-app-banner/vue-plugin';
import '@easy-smart-app-banner/vue-plugin/style.css';
// or SCSS if you prefer
// import '@easy-smart-app-banner/vue-plugin/style.scss';

createApp(App)
    .use(createSmartAppBanner, {
        title: 'Hello world!',
        author: 'Albert Ferguson',
        // using the create-vue asset logo (any image is valid!)
        icon: '/src/assets/logo.svg',
        // optionally enable verbose logging - this is disabled by default
        verbose: true,
        googlePlayStoreUrl: 'https://play-store-application-url',
        appStoreUrl: 'https://app-store-application-url',
    } as SmartBannerOptions)
    .mount('#app');

// App.vue
<script setup lang="ts">
import { useSmartAppBanner } from '@easy-smart-app-banner/vue-plugin';

const smartAppBanner = useSmartAppBanner();

try {
    // mount the component
    smartAppBanner.mount();
} catch (error) {
    // catch any errors gracefully if there's any config or platform issues
    console.error(error);
}
</script>
```

更多配置请参见 [智能 App 横幅](https://github.com/albert118/smart-app-banner) 仓库.

## 发展

要开始,拉回波 运行一个建筑.

> 别忘了跑 `npm i`来啊!

```ts
npm run build
```

您可以在 [软件包.json](https://npmcn.com/package/%40easy-smart-app-banner/vue-plugin/package.json)。 。 。 .

下一步是启动依赖的项目, 因为你可能也想要编辑它。 见 [这里](https://github.com/albert118/smart-app-banner)。 。 。 .

### 发布版本

插件与核心一起发布,由 `Publish Packages to npmjs` GitHub 动作. 见 [发布版本](https://npmcn.com/package/README.md#publish-a-release) 在存储器 README 中。 通过撞击验证安装和版本 [虚拟民主](https://npmcn.com/package/demo/vue/README.md) 之后的项目.

结束了

## 许可证

[麻省理工学院](https://npmcn.com/package/%40easy-smart-app-banner/vue-plugin/LICENSE) 许可证 2025-Present [阿尔伯特·弗格森](https://github.com/albert118/)

## 常见问题

### @easy-smart-app-banner/vue-plugin 是什么？

用于 Easy Smart App Banner 的 Vue 插件

### 如何安装 @easy-smart-app-banner/vue-plugin？

在项目目录运行 npm install @easy-smart-app-banner/vue-plugin，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vue（^3\.5\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @easy-smart-app-banner/vue-plugin 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @easy-smart-app-banner/vue-plugin 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @easy-smart-app-banner/vue-plugin 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=22。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @easy-smart-app-banner/vue-plugin 可以商用吗？

@easy-smart-app-banner/vue-plugin 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @easy-smart-app-banner/vue-plugin 的下载量有多少？

根据 npm 官方下载统计，@easy-smart-app-banner/vue-plugin 在 2026/10/13 – 2026/11/11 这 30 天内被下载 3,977 次，日均约 133 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @easy-smart-app-banner/vue-plugin 还在维护吗？

最新版本 3\.0\.0 发布于 2026/10/21（23 天前）；至今共发布 14 个版本，其中过去 12 个月发布了 1 个；首次发布于 2025/05/09。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。