代码拉取完成，页面将自动刷新
Vditor 是个很好的开源编辑器。但其实写这个的目的还是因为官方文档太晦涩难懂了，原生 html 的调用测试没有很好的例子，对于新手不怎么友好，我研究了一整天，才勉强搞出来。特此记录，供后人学习和快速使用。
开启了 Gitee 的 Pages 服务，你也可以在线测试使用哦。
地址：http://xueshanlinghu.gitee.io/vditor-offline/
将 index.html 中的<!-- 引用 CDN -->的两行的注释去掉，再将<!-- 引用本地 js 和 css -->这两行内容注释起来即可。建议使用 live-server 来本地测试，后续会讲。
# 下载最新的Vditor源码
git clone https://github.com/Vanessa219/vditor.git vditor
# 如果通过 Github 下载过慢你可以考虑用 Gitee 的高速源下载（每日从 Github 源库同步的），二选一即可
git clone https://gitee.com/mirrors/Vditor.git vditor
# 进入目录
cd vditor
# 依赖包安装，需要网络支持，可以爬墙保证速度
npm install
# 构建文件
npm run build
# 完成后会在目录下生成一个 dist 文件夹，将该文件夹复制到本项目目录中（本项目中已包含，可直接使用，目前项目中的编译版本为 v3.7.4）
# 后续可以进行本地测试
# 全局安装
npm install -g live-server
# 然后进入项目根目录，运行下述
live-server
# 这样就会启动一个本地服务器，默认端口为 8080，就可以进行测试了，运行期间，对项目文件夹的文件的任何改动会即刻加载
# 还有另一个办法，放好后，双击打开 index.html 主页文件应该也可以测试。
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手