本地部署element-plus文档的简单步骤

 更新时间:2023年05月09日 09:45:24   作者:天空依然是蓝的  
由于公司网络登element-ui官方文档很慢,想把他载下来离线文档本地跑,下面这篇文章主要给大家介绍了关于本地部署element-plus文档的简单步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

前言

由于一直使用的前端组件element-plus,所以需要经常看文档,但无奈官网实在不给力,经常报503或者404,大大影响效率和心情,忍无可忍就本地化部署一套解决此问题。

百度了一下大多数都是使用 vscode的live server, 或者放到服务器上, 均可使用。

因为我自己测试需要访问很多文件或者视频资源,所以在本地搭建了一个tomcat服务器,不用上传到服务器,不用担心被删掉

1. 安装tomcat9.0或者其他版本均可

下载地址: Apache Tomcat® - Apache Tomcat 9 Software Downloads

 注意下载安装版本,这样方便知道tomcat的运行状态,也可以配置开机启动。

2.下载element-plus文档

下载地址: https://github.com/element-plus/element-plus/tree/gh-pages

 或者gitee:  element-plus: 🎉 Vue 3 的桌面端组件库 - Gitee.com

3, 解压到tomcat的安装目录webapps下

记住只有一个element-plus文件夹

4,配置访问路径

如果不配置访问路径,直接访问 http://localhost:8080/element-plus/index.html

会出现404

打开 conf/server.xml文件,

加上这一段 ,可以顺便把端口号8080改一下任意端口,

 配置完成后保存,然后鼠标右键任务栏的tomcat图标,先stop service, 再start service重启tomcat服务,

5,访问

地址栏访问:   http://localhost:8088/index.html

会自动跳转到http://localhost:8088/zh-CN/

即可打开element-plus页面,访问飞快

 出现上面弹窗,点击取消

总结

到此这篇关于本地部署element-plus文档的简单步骤的文章就介绍到这了,更多相关本地部署element-plus文档内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

相关文章

  • Vue中过滤器定义以及使用方法实例

    Vue中过滤器定义以及使用方法实例

    过滤器的功能是对要显示的数据进行格式化后再显示,其并没有改变原本的数据,只是产生新的对应的数据,下面这篇文章主要给大家介绍了关于Vue中过滤器定义以及使用方法的相关资料,需要的朋友可以参考下
    2022-11-11
  • Vue使用mixins实现压缩图片代码

    Vue使用mixins实现压缩图片代码

    本篇文章主要介绍了Vue使用mixins实现压缩图片代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • vue+mockjs模拟数据实现前后端分离开发的实例代码

    vue+mockjs模拟数据实现前后端分离开发的实例代码

    本篇文章主要介绍了vue+mockjs模拟数据实现前后端分离开发的实例代码,具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08
  • 浅析vue侦测数据的变化之基本实现

    浅析vue侦测数据的变化之基本实现

    这里涉及到Vue一个重要特性:响应式系统。数据模型只是普通的 JavaScript对象,当我们修改时,视图会被更新,而变化侦测是响应式系统的核心
    2021-06-06
  • 解读Vue实例的属性及模板渲染

    解读Vue实例的属性及模板渲染

    这篇文章主要介绍了解读Vue实例的属性及模板渲染问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • vue el-table中使用el-select选中后无效的解决

    vue el-table中使用el-select选中后无效的解决

    这篇文章主要介绍了vue el-table中使用el-select选中后无效的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • 解决在Vue中使用axios POST请求变成OPTIONS的问题

    解决在Vue中使用axios POST请求变成OPTIONS的问题

    这篇文章主要介绍了解决在Vue中使用axios POST请求变成OPTIONS的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • 关于Vue中的计算属性和监听属性详解

    关于Vue中的计算属性和监听属性详解

    这篇文章主要介绍了关于Vue中的计算属性和监听属性详解,Vue.js模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的,在模板内放入过长的或复杂的逻辑时,会让模板过重且难以维护,需要的朋友可以参考下
    2023-05-05
  • Vue3.2 新增指令 v-memo 用法详解(提高性能利器)

    Vue3.2 新增指令 v-memo 用法详解(提高性能利器)

    v-memo 接受一个依赖的数组,依赖的数组变化,v-memo 所对应的 DOM 包括子集将会重新渲染,这篇文章主要介绍了Vue3.2 新增指令 v-memo 用法,提高性能的又一利器,需要的朋友可以参考下
    2022-09-09
  • vue props 一次传多个值实例

    vue props 一次传多个值实例

    这篇文章主要介绍了vue props 一次传多个值实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07

最新评论