本地部署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文档内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

相关文章

  • vue3 setup语法糖下父组件如何调用子组件

    vue3 setup语法糖下父组件如何调用子组件

    这篇文章主要介绍了vue3 setup语法糖下父组件如何调用子组件问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 带你一文了解Vue生命周期钩子

    带你一文了解Vue生命周期钩子

    生命周期钩子又被叫做生命周期时间,生命周期函数,生命周期钩子就是vue生命周期中出发的各类事件,这些事件被称为生命周期钩子,下面这篇文章主要给大家介绍了关于Vue生命周期钩子的相关资料,需要的朋友可以参考下
    2022-06-06
  • 解析Vue2 dist 目录下各个文件的区别

    解析Vue2 dist 目录下各个文件的区别

    本篇文章主要介绍了解析Vue2 dist 目录下各个文件的区别,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • 详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

    详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

    这篇文章主要介绍了详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • vue 页面刷新、重置、更新页面所有数据的示例代码

    vue 页面刷新、重置、更新页面所有数据的示例代码

    Vue.js提供了多种方式来实现页面刷新、重置和更新页面所有数据的功能,下面通过示例代码演示vue 页面刷新、重置、更新页面所有数据,感兴趣的朋友跟随小编一起看看吧
    2024-01-01
  • Vue3生命周期Hooks原理与调度器Scheduler关系

    Vue3生命周期Hooks原理与调度器Scheduler关系

    这篇文章主要为大家介绍了Vue3生命周期Hooks原理与调度器Scheduler关系详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • vue3+ts如何通过lodash实现防抖节流详解

    vue3+ts如何通过lodash实现防抖节流详解

    loadsh是一个工具库,我们通常使用loadsh的debounce函数处理防抖,下面这篇文章主要给大家介绍了关于vue3+ts如何通过lodash实现防抖节流的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 详解vue移动端项目的适配(以mint-ui为例)

    详解vue移动端项目的适配(以mint-ui为例)

    这篇文章主要介绍了详解vue移动端项目的适配(以mint-ui为例),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Vue浏览器缓存sessionStorage+localStorage+Cookie区别解析

    Vue浏览器缓存sessionStorage+localStorage+Cookie区别解析

    这篇文章主要介绍了Vue浏览器缓存sessionStorage+localStorage+Cookie区别解析,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • vue使用axios获取不到响应头Content-Disposition的问题及解决

    vue使用axios获取不到响应头Content-Disposition的问题及解决

    这篇文章主要介绍了vue使用axios获取不到响应头Content-Disposition的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06

最新评论