本地部署Element-Plus开发文档

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

---

---

一、文档仓库地址

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

注意了，是 gh-pages 分支

二、克隆文档到本地

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

git clone -b gh-pages --depth=1 [email protected]: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】