安装

兼容性

Vue EP Toolkit 提供组件和工具函数，它们有不同的浏览器兼容性要求。

由于 Vue 3 不再支持 IE11，Vue EP Toolkit 也不支持 IE。

功能	Chrome	Edge	Firefox	Safari
组件	Chrome ≥ 85	Edge ≥ 85	Firefox ≥ 79	Safari ≥ 14.1
工具函数	Chrome ≥ 74	Edge ≥ 18	Firefox ≥ 66	Safari ≥ 11

Sass

版本 2.8.5 及更高版本，Sass 的最低兼容版本为 1.79.0。

如果您的终端提示 legacy JS API Deprecation Warning，您可以在 vite.config.ts 中配置以下代码。

css: {
  preprocessorOptions: {
    scss: { api: 'modern-compiler' },
  }
}

版本

Vue EP Toolkit 目前处于快速开发迭代中。

使用包管理器

我们建议使用包管理器（NPM、Yarn、pnpm）安装 Vue EP Toolkit，这样您可以使用 Vite 和 webpack 等打包工具。

选择一个您喜欢的包管理器。

npmyarnpnpm

shell

$ npm install vue-ep-toolkit --save

shell

$ yarn add vue-ep-toolkit

shell

$ pnpm install vue-ep-toolkit

如果您的网络环境不佳，建议使用镜像仓库 cnpm 或 npmmirror。

shell

npm config set registry https://registry.npmmirror.com

浏览器直接引入

直接通过浏览器的 HTML 标签导入 Vue EP Toolkit，然后就可以使用全局变量 VueEpToolkit 了。

根据不同的 CDN 提供商有不同的引入方式。这里我们以 unpkg 和 jsDelivr 举例。您也可以使用其它的 CDN 供应商。

unpkg

html

<head>
  <!-- 导入样式 -->
  <link rel="stylesheet" href="//unpkg.com/vue-ep-toolkit/dist/index.css" />
  <!-- 导入 Vue 3 -->
  <script src="//unpkg.com/vue@3"></script>
  <!-- 导入组件库 -->
  <script src="//unpkg.com/vue-ep-toolkit"></script>
</head>

jsDelivr

html

<head>
  <!-- 导入样式 -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/vue-ep-toolkit/dist/index.css" />
  <!-- 导入 Vue 3 -->
  <script src="//cdn.jsdelivr.net/npm/vue@3"></script>
  <!-- 导入组件库 -->
  <script src="//cdn.jsdelivr.net/npm/vue-ep-toolkit"></script>
</head>

TIP

我们建议使用 CDN 引入 Vue EP Toolkit 的用户在链接地址上锁定版本，以免将来 Vue EP Toolkit 升级时受到非兼容性更新的影响。锁定版本的方法请查看 unpkg.com。

安装 ​

兼容性 ​

Sass ​

版本 ​

使用包管理器 ​

浏览器直接引入 ​

unpkg ​

jsDelivr ​

安装

兼容性

Sass

版本

使用包管理器

浏览器直接引入

unpkg

jsDelivr