本地部署Element-Plus开发文档

news2024/11/15 8:41:54

访问Element-Plus文档官网的时候,时不时会很卡,直接卡死 https://element-plus.gitee.io/zh-CN/
有点影响 CV 大法的施展,看了一下又是 gitee.io ,而且开源的项目,找到文档搞下来本地部署就不用担心卡不卡的问题了

在这里插入图片描述


文章目录

  • 一、文档仓库地址
  • 二、克隆文档到本地
  • 三、启动服务
    • 1、VSCode 插件
    • 2、Nginx
      • 2-1 移动element-plus目录
      • 2-2 添加Nginx代理
      • 2-3 修改 hosts
      • 2-4 启动 Nginx
      • 2-5 访问
    • 3、IIS 【Windows】
      • 安装相关服务
      • 打开IIS配置网站
      • 修改host【同nginx】


一、文档仓库地址

https://gitee.com/element-plus/element-plus/tree/gh-pages/

注意了,是 gh-pages 分支

二、克隆文档到本地

新建个目录(或者找一个目录),然后开始克隆。由于只想要最新的文件,不需要之前的版本,而且后续还可能继续pull更新,就采用克隆,且深度设置为1,而不是直接下载zip

git clone -b gh-pages --depth=1 git@gitee.com:element-plus/element-plus.git

命令执行完后,就会把文档克隆到当前目录的 element-plus 文件夹中。

三、启动服务

这个有很多方式,实现起来最简单的就是 VSCode Live Server 插件,但是每次都需要打开vscode。IIS、Nginx第一次配置可能稍微多一些,但是后续都是开机自启,可以直接访问。

1、VSCode 插件

首先需要有 VSCode,且安装了 Live Server 插件。
然后用VSCode打开刚才克隆下来的 element-plus 目录,右键—Open with live server

实现很简单,但是每次访问都需要重复这个步骤

在这里插入图片描述

2、Nginx

2-1 移动element-plus目录

移动到Nginx的html目录下,方便管理

2-2 添加Nginx代理

http 配置项里添加这么一个serve配置,server_name 就是以后再浏览器访问的域名,自己随便设置。

    server {
        listen       80;
        server_name  eui-plus.cn;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html/element-plus;
            index  index.html index.htm;
        }
 }

2-3 修改 hosts

hosts 文件: C:\Windows\System32\drivers\etc\hosts

添加一行,把自定义的域名解析到本机

127.0.0.1 eui-plus.cn

2-4 启动 Nginx

双击Nginx.exe 就可以启动
设置Nginx开机自启动:
https://blog.csdn.net/qq_39390545/article/details/116602041

2-5 访问

在这里插入图片描述

3、IIS 【Windows】

思路都是一样的,简单概述一下

安装相关服务

windows10系统开启iis功能,并配置入站规则_iis入站规则设置-CSDN博客
https://blog.csdn.net/qq_25857899/article/details/116091741

打开IIS配置网站

也需要自定义域名、网站资源

修改host【同nginx】

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1083976.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

UGUI不规则响应区域(例如多个按钮重叠,避免点击错误)

1、UI的默认响应区域是UI元素所在的矩形框线内的区域。这也就意味着,当UI的图形为不规则形状时,点击图形的外部也可能会触发事件。 2、但其实Unity自带了一种不规则区域点击策略。要想使用它,我们首先要将精灵的「Read/Write」属性设置为开启…

【LeetCode75】第七十一题 搜索推荐系统

目录 题目: 示例: 分析: 代码: 题目: 示例: 分析: 给我们一个产品数组,以及一个字符串,我们模拟依次输入字符串中的每一个字符,要求返回与对应的输入字符…

Python皮卡丘

系列文章 序号文章目录直达链接1浪漫520表白代码https://want595.blog.csdn.net/article/details/1306668812满屏表白代码https://want595.blog.csdn.net/article/details/1297945183跳动的爱心https://want595.blog.csdn.net/article/details/1295031234漂浮爱心https://want…

【重拾C语言】七、指针(三)指针与字符串(字符串与字符串数组;指针与字符串的遍历、拷贝、比较;反转字符串)

目录 前言 七、指针 7.1~3 指针与变量、指针操作、指向指针的指针 7.4 指针与数组 7.5 指针与字符串 7.5.1 字符串与字符串数组 a. 字符串 b. 字符串数组 7.5.2 指针与字符串 a. 字符串指针的声明和初始化 b. 指针与字符串的遍历 c. 字符串的拷贝 d. 字符串的比较…

计算机毕业设计选什么题目好?springboot 职业技术学院图书管理系统

✍✍计算机编程指导师 ⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流! ⚡⚡ Java实战 |…

MySQL join的底层原理

文章目录 前言一、join是什么?二、join的使用例子三、join的连接方式1、简单嵌套2、索引嵌套3、块嵌套4、哈希连接 前言 面试的时候,被问到join 的底层原理,之前没有深入了解过,今天对这个知识点进行一个学习。 一、join是什么&…

选择功率放大器时主要看哪些指标

选择功率放大器时,有许多重要的指标需要考虑。以下是选择功率放大器时主要参考的一些指标。 输出功率:输出功率是功率放大器可以提供的最大输出功率。这是选择功率放大器时最基本的指标之一。根据应用的需求,需要确定所需的输出功率水平&…

LLM实战(一)| 使用LLM抽取关键词

抽取关键词是NLP的常见任务之一,常用的方法有TFIDF、PageRank、TextRank方法等等。在Bert时代,可以使用KeyBERT(https://github.com/MaartenGr/KeyBERT)来抽取关键词,在ChatGPT时代,KeyBERT也扩展支持了LLM…

邮件营销主题怎样撰写效果好

邮件营销主题是向订阅者提供有关公司、产品或服务的新消息和信息。邮件营销主题可以包括促销、折扣、新产品、优惠活动等。邮件营销主题可以吸引订阅者打开邮件,了解公司的新消息,从而增加公司的品牌知名度和销售额。在选择邮件营销主题时,需…

使用大模型提效程序员工作

引言 随着人工智能技术的不断发展,大模型在软件开发中的应用越来越广泛。 这些大模型,如GPT、文心一言、讯飞星火、盘古大模型等,可以帮助程序员提高工作效率,加快开发速度,并提供更好的用户体验。 本文将介绍我在实…

Spring Cloud 2023 支持同步网关,最引人注目的新特性之一

一、前言 在 Spring Cloud 2023 版本中,最引人注目的新特性之一就是支持同步网关。同步网关是一种新的网关实现,它可以保证请求的顺序性。在传统的微服务架构中,不同的服务之间通常通过 HTTP 协议进行通信,这种通信方式是非阻塞的…

【牛客面试必刷TOP101】Day7.BM31 对称的二叉树和BM32 合并二叉树

作者简介:大家好,我是未央; 博客首页:未央.303 系列专栏:牛客面试必刷TOP101 每日一句:人的一生,可以有所作为的时机只有一次,那就是现在!!!&…

Linux系统之ip命令的基本使用

Linux系统之ip命令的基本使用 一、ip命令介绍1.1 ip命令简介1.2 ip命令的由来1.3 ip命令的安装包 二、ip命令使用帮助2.1 ip命令的help帮助信息2.2 ip命令使用帮助 三、查看网络信息3.1 显示当前网络接口信息3.2 显示网络设备运行状态3.3 显示详细设备信息3.4 查看路由表3.5 查…

DHT11 数字湿温度传感器的原理和应用范例

目录 概述 1、应用电路连接说明 2、DHT11 数据结构 3、DHT11的传输时序 3.1 DHT11 开始发送数据流程 3.2 主机复位信号和 DHT11 响应信号 3.3 数字‘0’信号表示方法 3.4 数字‘1’信号表示方法 4、实例应用 4.1 硬件描述 4.2 管脚分配 4.3 程序代码 概述 DHT…

@所有燃气企业,城燃企业数字化转型重点抓住的八个关键点

关键词:智慧燃气、燃气数字化、设备设施数字化 数字化转型是用信息技术全面重塑企业经营管理模式,是企业发展模式的变革创新,是企业从工业经济时代迈向数字经济时代的必然选择。加快推进企业数字化转型,打造数字时代企业业务运行…

2023年中国超导磁体市场规模、需求量及行业竞争现状分析[图]

超导磁体一般是指用超导导线绕制的能产生强磁场的超导线圈,还包括其运行所必要的低温恒温容器。通常电磁铁是利用在导体中通过电流产生磁场,由于超导材料在超导状态下具有零电阻特性,因此可以以极小的面积通过巨大的电流。超导磁体具有场强高…

意大利航天飞行器公司【Sidereus】完成510万欧元融资

来源:猛兽财经 作者:猛兽财经 猛兽财经获悉,位于意大利萨莱诺的航天飞行器公司Sidereus Space Dynamics今日宣布已完成510万欧元融资。 本轮融资由Primo Space和CDP Venture Capital Sgr领投,通过Italia Venture II - Fondo Impr…

element picker 时间控件,指定区间和指定月份置灰

直接上代码 <el-date-pickerv-model"fillingList.declareDate"type"month":disabled"isDisplayName"placeholder"选择填报时间"value-format"yyyy-MM":picker-options"pickerOptions"change"declareDate…

玩转ChatGPT:图像识别(vol. 1)

一、写在前面 来了来了&#xff0c;终于给我的账号开放图像识别功能了&#xff0c;话不多说&#xff0c;直接开测&#xff01;&#xff01;&#xff01; 二、开始尝鲜 &#xff08;1&#xff09;咒语&#xff1a; GPT回复&#xff1a; 这幅图显示了从2005年1月到2012年12月的…

uniapp app获取keystore等一系列常用数据

https://blog.csdn.net/deepdfhy/article/details/88698492 参考文章 一、获取安卓证书keystore的SHA1和SHA256值 参数上面引用链接 window r : $ cmd $ D: 进入D盘 $ keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore 项目名称.ke…