Ant Design Of Vue离线文档下载

写在前面

目前这份文档离线访问都是英文的。不知道为什么中文的跳不过去……如果有大佬知道欢迎留言下，谢谢

背景说明

计划准备一份离线antd文档，网上查询，都说下载gh-pages分支并Live-Server启动，但是！！！那个分支已经两年没有更新了！！！！！[Element 和 Element Plus可以这么搞]

方法如下

git clone https://github.com/vueComponent/ant-design-vue.git
cd 文件夹
执行 npm i [node版本需>=14.18.0]
执行npm run dev

这样就可以本地启动了
但是！离线环境node是14.16.0 所以上个方法不行，期望找到build后的文件通过live-server启动。

Build

经过查找尝试，在package.json中找到了site，执行npm run site，在site目录下会生成dist目录

执行vscode中的live-server

image.png

执行后发现报错 找不到html中的css和js

image.png

修改package.json中的默认路径
修改前：

"site": "npm run routes && ./node_modules/vite/bin/vite.js build site --base=https://www.antdv.com/"

修改后: [路径还是异常就修改base后面的路径]

"site": "npm run routes && ./node_modules/vite/bin/vite.js build site --base='./' ",

再重新npm run site即可离线访问