本地部署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文档内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
在 vuejs 相关项目开发过程中，我们常常会使用 vuex 作为状态管理工具, 整个组件的状态做为单向数据流的模式管理，这篇文章主要介绍了简化vuex的状态管理方案的方法，感兴趣的小伙伴们可以参考一下2018-06-06
vue项目实现一键网站换肤效果实例(webpack-theme-color-replacer的使用)
换皮肤一般都是点击一个按钮弹出一些皮肤的选项,选中选项后皮肤生效,下面这篇文章主要给大家介绍了关于vue项目实现一键网站换肤效果的相关资料,文中主要介绍的是webpack-theme-color-replacer的使用,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了Vue 使用中的小技巧,是小编日常开发的时候用到的小技巧，需要的朋友可以参考下2018-04-04
这篇文章主要为大家介绍了vue3容器布局和导航路由实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
这篇文章主要为大家详细介绍了渲染器的工作原理,以及如何将真实dom或者组件用虚拟dom的形式进行描述并渲染,感兴趣的小伙伴可以跟随小编一起学习一下2024-03-03
vue配置代理vue.config.js后不生效的解决(小坑)
这篇文章主要介绍了vue配置代理vue.config.js后不生效的解决(小坑)，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
Vue工程化项目环境配置还是比较麻烦的,下面这篇文章主要给大家介绍了关于Vue3环境安装以及项目搭建的相关资料,文中通过图文以及代码介绍的非常详细,需要的朋友可以参考下2023-12-12
vue项目npm run build打包dist文件及打包后空白解决办法
npm run build 这个命令会执行Vue CLI中预定义的打包配置,并将打包后的文件存放在"dist"文件夹中,这篇文章主要给大家介绍了关于vue项目npm run build打包dist文件及打包后空白的解决办法,需要的朋友可以参考下2023-10-10
在Vue的模板语法中,我们学了很多指令,当然除了这些指令,Vue也允许我们自己定义自己的指令,所以本文就来和大家聊聊如何使用自定义指令吧2023-10-10
这篇文章主要介绍了Vue组件中的data必须是一个function的原因浅析，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-09-09
最新评论