Liv Web2文档

Appearance

安装 ​

兼容性 ​

由于 Vue 3 不再支持 IE11，Liv Web 也不再支持 IE 浏览器。

versionChrome ChromeIE EdgeFirefox FirefoxSafari Safari
2.0.0 +Chrome ≥ 85Edge ≥ 85Firefox ≥ 79Safari ≥ 14.1

使用包管理器 ​

推荐使用包管理器（如npm, yarn, pnpm 安装Liv Web，然后您就可以使用 Vite 和 webpack等打包工具进行开发。

shell
# 选择一个你喜欢的包管理器

# npm
$ npm install liv-web

# yarn
$ yarn add liv-web

# pnpm
$ pnpm install liv-web

版本 ​

npm versionnpm alpha versionnpm beta version

Liv Web 目前还处于快速开发迭代中。你可以通过指定tag安装对应的测试版本。

shell
# 安装最新alpha版本
$ npm install liv-web@alpha

# 安装指定alpha版本
$ npm install liv-web@2.0.0-alpha.1

浏览器直接引入 ​

直接通过浏览器的 HTML 标签导入 Liv Web，然后就可以使用全局变量 LivWeb 了。

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

unpkg ​

html
<head>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
  <!-- 引入 Vue 3 -->
  <script src="//unpkg.com/vue@3"></script>
  <!-- 引入 Element Plus -->
  <script src="//unpkg.com/element-plus"></script>
  <!-- 引入 Liv Web -->
  <script src="//unpkg.com/liv-web"></script>
</head>

jsDelivr ​

html
<head>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/liv-web/dist/index.css" />
  <!-- 引入 Vue 3 -->
  <script src="//cdn.jsdelivr.net/npm/vue@3"></script>
  <!-- 引入 Element Plus -->
  <script src="//cdn.jsdelivr.net/npm/element-plus"></script>
  <!-- 引入 Liv Web -->
  <script src="//cdn.jsdelivr.net/npm/liv-web"></script>
</head>

TIP

建议使用 CDN 引入 Liv Web 的用户在链接地址上锁定版本，以免将来 Liv Web 升级时受到非兼容性更新的影响。