本地部署element-plus文档

这篇具有很好参考价值的文章主要介绍了本地部署element-plus文档。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

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

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

本地部署element-plus文档

 2.下载element-plus文档

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

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

 注意选分支 >>>  gh-pages  <<<,不要选择其他分支

 

本地部署element-plus文档

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

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

本地部署element-plus文档

 本地部署element-plus文档

 4,配置访问路径

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

会出现404

打开 conf/server.xml文件,

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

本地部署element-plus文档

本地部署element-plus文档

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

5,访问

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

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

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

本地部署element-plus文档

本地部署element-plus文档

 出现上面弹窗,点击取消文章来源地址https://www.toymoban.com/news/detail-408843.html

到了这里,关于本地部署element-plus文档的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Element-Plus 学习笔记一

    这几天在学vue3, 用Element-plus 加 vue3 搭了个框架,在这里记录一下项目搭建中遇到的问题。   1、使用 Element-plus 的 icon 图标,显示不出来     首先,用命令行中安装  Element-plus 的图标: npm install @element-plus/icons-vue --save    然后,在 main.js 中进行全局注册,添加以下代码: 最

    2024年02月13日
    浏览(37)
  • element-plus 动态Icon图标

    目录 1,前言 2,使用 2.1,方式一 2.2,方式二 源自 Element Plus 团队正在将原有组件内的 Font Icon 向 SVG Icon 迁移,请多多留意更新日志, 及时获取到更新信息,Font Icon 将会在第一个正式发布被废弃,请尽快迁移 在此记录一下如何使用element-plus中的icon组件 环境: Vue:3.2.16 Elem

    2024年02月16日
    浏览(43)
  • 使用Element-Plus 加载style

    chrome扩展开发插件基于vue3、ts、Element Plus、Webpack5、axios、less开发 支持content快速调用chrome对象及axios 详看 pages/content/app.vue 开箱即用chrome插件 基础框架 :使用 Vue3/Element Plus TypeScript : 应用程序级 JavaScript 的语言 获取项目代码 安装依赖 运行 使用Element-Plus 加载style https://deve

    2024年01月22日
    浏览(43)
  • Element-plus侧边栏踩坑

    el-menu直接嵌套el-menu-item菜单,折叠时不会出现文字显示和小箭头无法隐藏的问题,但是实际开发需求中难免需要把el-menu-item封装为组件 vue3项目中嵌套两层template

    2024年02月14日
    浏览(70)
  • element-plus 表格-自定义样式实现

    效果如下 代码如下

    2024年02月09日
    浏览(46)
  • Element-Plus DatePicker获取时间戳

    https://element-plus.gitee.io/zh-CN/component/date-picker.html#日期格式 没有说支持的格式,但是给了 Day.js 的入口 Day.js 文档 https://day.js.org/docs/en/display/format#list-of-all-available-formats

    2024年02月14日
    浏览(41)
  • element-plus走马灯不显示

    依赖正确,代码用法正确,但是element-plu走马灯就是不显示!! 并且盒子的宽度总是0 在现有的布局中插入官方的案例,也不能显示 但是把整个页面都使用官方案例就可以正常显示 所以,怀疑时自己的样式冲突了 就content一个盒子,看到 display: flex; 就知道不对劲,去掉flex布

    2024年02月07日
    浏览(39)
  • vue3使用element-plus

    element-ui 是配合 vue2 使用,element-plus 是配置 vue3 使用的 1. 包管理器的方式 如果是使用 webpack 或者 vite 打包工具新建的项目 2. 浏览器直接导入 直接通过浏览器的 HTML 标签导入 Element Plus,然后就可以使用全局变量 ElementPlus 1. 导入全部组件且注册所有的图标 声明使用 ElementPl

    2024年02月08日
    浏览(80)
  • 【前端】Element-UI和Element-Plus的区别

    Element-UI对应Element2:基本不支持手机版 Element-Plus对应Element3:组件布局考虑了手机版展示 Element-ui适用于Vue2框架 Element-plus适用于Vue3框架 在element-ui中的dialog有 :visible.sync属性 可进行父子组件之间的双向绑定(vue2写法) 具体的写法为: 需要在computed中进行告知操作 在props传值

    2024年02月11日
    浏览(60)
  • Element-plus upload带参数上传图片

    技术栈:Vue3 + Ts + Element-plus 除了将图片上传到后端的 指定接口 ,还需要在上传时携带 后端规定的参数 /src/components/Upload/index.vue 全量代码如下

    2024年02月12日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包