• vue element plus 安装

    环境支持#

    Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器，请自行添加 Babel 和相应的 Polyfill 。

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

    Edge ≥ 79Firefox ≥ 78Chrome ≥ 64Safari ≥ 12

    版本#

    Element Plus 目前还处于快速开发迭代中。

    使用包管理器#

    我们建议您使用包管理器（如 NPM、Yarn 或 pnpm）安装 Element Plus，然后您就可以使用打包工具，例如 Vite 或 webpack。

    1. # 选择一个你喜欢的包管理器
    2.  
    3. # NPM
    4. $ npm install element-plus --save
    5.  
    6. # Yarn
    7. $ yarn add element-plus
    8.  
    9. # pnpm
    10. $ pnpm install element-plus

    如果您的网络环境不好，建议使用相关镜像服务 cnpm 或 中国 NPM 镜像。

    浏览器直接引入#

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

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

    unpkg#

    1. <head>
    2.   
    3.   <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" />
    4.   
    5.   <script src="//unpkg.com/vue@3">script>
    6.   
    7.   <script src="//unpkg.com/element-plus">script>
    8. head>

    jsDelivr#

    1. <head>
    2.   
    3.   <link
    4.     rel="stylesheet"
    5.     href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css"
    6.   />
    7.   
    8.   <script src="//cdn.jsdelivr.net/npm/vue@3">script>
    9.   
    10.   <script src="//cdn.jsdelivr.net/npm/element-plus">script>
    11. head>

    TIP

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

    Hello World#

    通过 CDN 的方式我们可以很容易地使用 Element Plus 写出一个 Hello world 页面。 在线演示

    如果是通过包管理器安装，并希望配合打包工具使用，请阅读下一节：快速上手。

  • 相关阅读:
    区间素数 马蹄集
    Java日志系统之Log4j2
    Elasticsearch学习--script
    数据结构笔记（王道考研） 第八章：排序
    普中51单片机学习（DS1302）
    Spring Cloud Netflix
    设计模式——职责链模式
    Win10系统下torch.cuda.is_available()返回为False的问题解决
    java 自定义异常
    1.2 监督学习
  • 原文地址：https://blog.csdn.net/m0_72196169/article/details/135487877