diff --git a/README.md b/README.md index c1bab39c..fe9de3e2 100644 --- a/README.md +++ b/README.md @@ -19,6 +19,12 @@ 在线地址:[https://wanglin2.github.io/mind-map/](https://wanglin2.github.io/mind-map/) +另外也提供了客户端可供下载使用,支持`Windows`、`Mac`及`Linux`,下载地址: + +Github:[releases](https://github.com/wanglin2/mind-map/releases)。 + +百度云盘:[地址](https://pan.baidu.com/s/1huasEbKsGNH2Af68dvWiOg?pwd=3bp3)。 + # 特性 - [x] 插件化架构,除核心功能外,其他功能作为插件提供,按需使用,减小打包体积 diff --git a/index.html b/index.html index 4bdd84c3..c14f7ebd 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -一个简单的web思维导图实现
\ No newline at end of file +一个简单的web思维导图实现
\ No newline at end of file diff --git a/web/src/pages/Doc/catalogList.js b/web/src/pages/Doc/catalogList.js index a8c12225..4282f0ab 100644 --- a/web/src/pages/Doc/catalogList.js +++ b/web/src/pages/Doc/catalogList.js @@ -10,7 +10,7 @@ let langList = [ path: 'en' } ] -let StartList = ['introduction', 'start', 'deploy', 'translate', 'changelog'] +let StartList = ['introduction', 'start', 'deploy', 'client', 'translate', 'changelog'] let CourseList = new Array(19).fill(0).map((_, index) => { return 'course' + (index + 1) }) diff --git a/web/src/pages/Doc/en/introduction/index.md b/web/src/pages/Doc/en/introduction/index.md index 672fa1be..a12b87c4 100644 --- a/web/src/pages/Doc/en/introduction/index.md +++ b/web/src/pages/Doc/en/introduction/index.md @@ -3,6 +3,8 @@ `simple-mind-map` is a simple and powerful web mind map library, not dependent on any specific framework. Can help you quickly develop mind mapping products. > If you just want to use mind mapping, you can also use the demo of this project as a regular online mind mapping tool. Click on the 【Online Demo】 in the upper right corner to start using it. +> +> Additionally, a client is provided for download, support `Windows`、`Mac` and `Linux`, [Click here to learn more](/mind-map/#/doc/zh/client)。 ## Features diff --git a/web/src/pages/Doc/en/introduction/index.vue b/web/src/pages/Doc/en/introduction/index.vue index 0cae4e91..54335688 100644 --- a/web/src/pages/Doc/en/introduction/index.vue +++ b/web/src/pages/Doc/en/introduction/index.vue @@ -4,24 +4,25 @@

simple-mind-map is a simple and powerful web mind map library, not dependent on any specific framework. Can help you quickly develop mind mapping products.

If you just want to use mind mapping, you can also use the demo of this project as a regular online mind mapping tool. Click on the 【Online Demo】 in the upper right corner to start using it.

+

Additionally, a client is provided for download, support WindowsMac and Linux, Click here to learn more

Features

Repository Catalog Introduction

1.simple-mind-map

@@ -31,16 +32,16 @@ frameworks such as Vue and React, or without a framework.

This is an online mind map built using the simple-mind-map library and based on Vue2.x and ElementUI. Features include:

diff --git a/web/src/pages/Doc/en/start/index.md b/web/src/pages/Doc/en/start/index.md index b89c6a41..cf7bf663 100644 --- a/web/src/pages/Doc/en/start/index.md +++ b/web/src/pages/Doc/en/start/index.md @@ -91,6 +91,7 @@ If you only use library, you don't need to read this section. ```bash git clone https://github.com/wanglin2/mind-map.git +cd mind-map cd simple-mind-map npm i npm link diff --git a/web/src/pages/Doc/en/start/index.vue b/web/src/pages/Doc/en/start/index.vue index e91ada19..ae5c83d0 100644 --- a/web/src/pages/Doc/en/start/index.vue +++ b/web/src/pages/Doc/en/start/index.vue @@ -64,6 +64,7 @@ compile this dependency:

If you only use library, you don't need to read this section.

Local Development

git clone https://github.com/wanglin2/mind-map.git
+cd mind-map
 cd simple-mind-map
 npm i
 npm link
diff --git a/web/src/pages/Doc/routerList.js b/web/src/pages/Doc/routerList.js
index 4ee8063a..5e7a4e5f 100644
--- a/web/src/pages/Doc/routerList.js
+++ b/web/src/pages/Doc/routerList.js
@@ -43,7 +43,8 @@ export default [
       { path: 'view', title: 'View实例' },
       { path: 'watermark', title: 'Watermark插件' },
       { path: 'xmind', title: 'XMind解析' },
-      { path: 'deploy', title: '部署' }
+      { path: 'deploy', title: '部署' },
+      { path: 'client', title: '客户端' }
     ]
   },
   {
diff --git a/web/src/pages/Doc/zh/client/index.md b/web/src/pages/Doc/zh/client/index.md
new file mode 100644
index 00000000..c7ca8710
--- /dev/null
+++ b/web/src/pages/Doc/zh/client/index.md
@@ -0,0 +1,80 @@
+# 客户端
+
+本项目也提供了客户端版本,使用[Electron](https://www.electronjs.org/)开发。支持`Windows`、`Mac`及`Linux`。
+
+目前功能比较简单:
+
+1.支持新建、打开文件进行编辑;
+
+2.支持查看最近编辑文件列表;
+
+3.支持文件的复制、删除、重命名;
+
+## 下载
+
+你可以直接下载对应的客户端安装使用,提供了两个下载地址:
+
+Github:[releases](https://github.com/wanglin2/mind-map/releases)。
+
+百度云盘:[地址](https://pan.baidu.com/s/1huasEbKsGNH2Af68dvWiOg?pwd=3bp3)。
+
+## 开发
+
+如果有需要,你也可以进行二次开发。
+
+### clone
+
+```bash
+git clone https://github.com/wanglin2/mind-map.git
+cd mind-map
+git checkout electron
+```
+
+### 启动服务
+
+在项目根目录下执行:
+
+```bash
+cd simple-mind-map
+npm i
+npm link
+cd ..
+cd web
+npm i
+npm link simple-mind-map
+npm run electron:serve
+```
+
+### 打包客户端
+
+你至少需要两台电脑,一台`Windows`和一台`Mac`。
+
+打包`Windows`应用:
+
+```bash
+npm run electron:build-win
+```
+
+打包`Mac`应用:
+
+```bash
+npm run electron:build-mac
+```
+
+打包`Linux`应用:
+
+```bash
+npm run electron:build-linux
+```
+
+打包全部应用:
+
+```bash
+npm run electron:build-all
+```
+
+根据你的电脑系统自动打包:
+
+```bash
+npm run electron:build
+```
\ No newline at end of file
diff --git a/web/src/pages/Doc/zh/client/index.vue b/web/src/pages/Doc/zh/client/index.vue
new file mode 100644
index 00000000..3e57e992
--- /dev/null
+++ b/web/src/pages/Doc/zh/client/index.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/web/src/pages/Doc/zh/introduction/index.md b/web/src/pages/Doc/zh/introduction/index.md
index 2331bb2f..92bf91d9 100644
--- a/web/src/pages/Doc/zh/introduction/index.md
+++ b/web/src/pages/Doc/zh/introduction/index.md
@@ -3,6 +3,8 @@
 `simple-mind-map`是一个简单&强大的Web思维导图库,不依赖任何特定框架。可以帮助你快速开发思维导图产品。
 
 > 如果你只是想使用思维导图,你也完全可以把本项目的demo作为一个普通的在线思维导图工具使用。点击右上角的【在线示例】开始使用吧。
+>
+> 另外也提供了客户端可供下载,支持`Windows`、`Mac`及`Linux`,[点此了解更多](/mind-map/#/doc/zh/client)。
 
 ## 特性
 
diff --git a/web/src/pages/Doc/zh/introduction/index.vue b/web/src/pages/Doc/zh/introduction/index.vue
index 47ae9f16..ea1dcb0a 100644
--- a/web/src/pages/Doc/zh/introduction/index.vue
+++ b/web/src/pages/Doc/zh/introduction/index.vue
@@ -4,22 +4,23 @@
 

simple-mind-map是一个简单&强大的Web思维导图库,不依赖任何特定框架。可以帮助你快速开发思维导图产品。

如果你只是想使用思维导图,你也完全可以把本项目的demo作为一个普通的在线思维导图工具使用。点击右上角的【在线示例】开始使用吧。

+

另外也提供了客户端可供下载,支持WindowsMacLinux点此了解更多

特性

仓库目录介绍

1.simple-mind-map

@@ -27,11 +28,11 @@

2.web

使用simple-mind-map库,基于vue2.xElementUI搭建的在线思维导图。特性:

提供文档页面服务。

3.dist

diff --git a/web/src/pages/Doc/zh/start/index.md b/web/src/pages/Doc/zh/start/index.md index 8b0bc883..97087456 100644 --- a/web/src/pages/Doc/zh/start/index.md +++ b/web/src/pages/Doc/zh/start/index.md @@ -86,6 +86,7 @@ const mindMap = new MindMap({ ```bash git clone https://github.com/wanglin2/mind-map.git +cd mind-map cd simple-mind-map npm i npm link diff --git a/web/src/pages/Doc/zh/start/index.vue b/web/src/pages/Doc/zh/start/index.vue index 11e5cebd..826934db 100644 --- a/web/src/pages/Doc/zh/start/index.vue +++ b/web/src/pages/Doc/zh/start/index.vue @@ -58,6 +58,7 @@

如果你只是使用库的话可以不用阅读此小节。

本地开发

git clone https://github.com/wanglin2/mind-map.git
+cd mind-map
 cd simple-mind-map
 npm i
 npm link