MindMap部署

简介

MindMap 是一款在线 Xmind 使用工具(在线试用:wanglin2.github.io/mind-map/#/,GitHub 地址:github.com/wanglin2/mi...),如果你的系统需要,可以在本地部署,然后在系统中添加一个跳转入口,提供给用户使用。

本文介绍 MindMap 本地部署的两种方式。

方式一:Docker

如果你的系统有 Docker 环境,使用 Docker 部署是最方便的。

如下:

shell 复制代码
docker run --name mind-map -d -p 8081:8080 shuiche/mind-map:latest

先拉了镜像,然后启动,绑定的服务器端口号是 8081。

浏览器输入服务器 IP:端口号,能打开 MindMap 应用,表示部署完成。

如果你需要在内网部署,可以使用 docker save -o [打包后的包名称,如 mind-map.tar],配合 docker load -i [mind-map-tar],将镜像打包到本地,然后将包拷贝到内网环境加载,就能完成内网部署。

方式二:本地

首先将代码克隆下来,如下,如果用 https 克隆不下来,尝试用 ssh。

以管理员身份打开命令行,切到项目根目录,敲下面的命令,

shell 复制代码
cd simple-mind-map
npm -i
npm link
cd ..\web
npm i
npm link
npm run serve

如下:

继续。

跑完会打印服务地址。

浏览器打开,输入服务地址,如下表示部署完成。

接下来敲下面的命令,将服务打成一个前端包,

shell 复制代码
npm run build

如下。

完成。

后面把这个包丢到服务器上,在 nginx 里面加个路由就大功告成了。

相关推荐
NAGNIP1 天前
程序员效率翻倍的快捷键大全!
前端·后端·程序员
一个网络学徒1 天前
python5
java·服务器·前端
tiantian_cool1 天前
Claude Opus 4.6 模型新特性(2026年2月5日发布)
前端
0思必得01 天前
[Web自动化] Selenium获取元素的子元素
前端·爬虫·selenium·自动化·web自动化
用户5757303346241 天前
🌟 从一行 HTML 到屏幕像素:浏览器是如何“画”出网页的?
前端
NEXT061 天前
React Hooks 进阶:useState与useEffect的深度理解
前端·javascript·react.js
sure2821 天前
React Native应用中使用sqlite数据库以及音乐应用中的实际应用
前端·react native
CHU7290351 天前
扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验
前端·小程序
前端布道师1 天前
Web响应式:列表自适应布局
前端