Browse Source

wip:uml文档

shaun-sheep 4 years ago
parent
commit
8ba87eef81

+ 4 - 0
docs/.vuepress/config.js

@@ -53,6 +53,10 @@ module.exports = {
                                 text: "vue-cli",
                                 link: "/setup/ide/vuecli"
                             },
+                            {
+                                text: "plantUML",
+                                link: "/setup/ide/plantUML"
+                            }
                         ]
                     },
                     {

BIN
docs/guides/engine/img/umlInstalled.png


BIN
docs/guides/engine/img/umlPlugins.png


BIN
docs/guides/engine/img/umlRestart.png


BIN
docs/guides/engine/img/vscodeUML.png


BIN
docs/guides/engine/img/vscodeUMLSuccess.png


+ 0 - 1
docs/guides/index.js

@@ -28,7 +28,6 @@ const content = [
                 children: [
                     ["/guides/engine/demo/elsfk", "俄罗斯方块"],
                     ["/guides/engine/demo/elsfkDifficult", "俄罗斯方块-英雄版"],
-                    ["/guides/engine/demo/plantUML", "plantUML"],
                 ]
             }
         ]

BIN
docs/setup/ide/img/path.png


BIN
docs/setup/ide/img/path1.png


BIN
docs/setup/ide/img/path2.png


BIN
docs/setup/ide/img/path3.png


BIN
docs/setup/ide/img/path4.png


BIN
docs/setup/ide/img/umlInstalled.png


BIN
docs/setup/ide/img/umlPlugins.png


BIN
docs/setup/ide/img/umlRestart.png


BIN
docs/setup/ide/img/vscodeUML.png


BIN
docs/setup/ide/img/vscodeUMLSuccess.png


+ 21 - 29
docs/guides/engine/demo/plantUML.md

@@ -1,5 +1,4 @@
 # PlantUML
-
 ::: details 目录
 [[toc]]
 :::
@@ -16,54 +15,47 @@ PlantUML 是一个用来绘制UML图的Java类库。支持的UML图包括:时
 <<< @/docs/.vuepress/public/uml/test1.puml
 
 :::
+## 下载
 
-## 开发环境
-
-### 安装
+绘图脚本下载地址:[http://www.linuxfromscratch.org/blfs/view/svn/general/graphviz.html](http://www.linuxfromscratch.org/blfs/view/svn/general/graphviz.html)
 
-#### IDE  
+## 开发环境
 
-<a href="/web/setup/ide/idea.html" target="_blank">IDE安装地址</a>
+### 环境变量配置
 
-#### VS Code 
- 
-<a href="/web/setup/ide/vscode.html" target="_blank">VS Code安装地址</a>
+记录安装脚本本地路径,将路径添加到环境变量path中。
 
-#### Node NPM
+![path配置](./img/path.png)
 
-<a href="https://nodejs.org/en/" target="_blank">node安装地址</a>
+![path配置](./img/path1.png)
 
-检测Node.js是否安装成功,Node安装自带npm包管理工具。打开cmd命令行(win + r), 输入 node - v 显示当前Node版本号,npm -v 显示当前npm版本号。
+![path配置](./img/path2.png)
 
+![path配置](./img/path3.png)
 
-```shell script
-node -v
-v12.18.4
+![path配置](./img/path4.png)
 
-npm -v
-6.14.6 
-```
-* 注:版本号只用来证明安装成功,版本不定时更新,版本无需统一。
+### IDE插件配置 
 
-### 插件配置
-IDE插件安装 ( File --> Settings --> Plugins )
+点击工具栏左上角 ( File --> Settings --> Plugins )
 
-![搜索plantUML插件](./../img/umlPlugins.png)
+![搜索plantUML插件](./img/umlPlugins.png)
 
-![plantUML成功状态](./../img/umlRestart.png)
+![plantUML成功状态](./img/umlRestart.png)
 
-IDE安装成功验证
+安装成功状态:点击工具栏左上角 ( File --> Settings --> Plugins )
 
-![安装plantUML并重启](./../img/umlInstalled.png)
+![安装plantUML并重启](./img/umlInstalled.png)
  
  
-vscode插件安装
+ ### vscode插件配置 
+
 
-![安装plantUML插件](./../img/vscodeUML.png)
+![安装plantUML插件](./img/vscodeUML.png)
 
-vscode安装成功验证
+vscode安装成功
 
-![安装plantUML成功](./../img/vscodeUMLSuccess.png)
+![安装plantUML成功](./img/vscodeUMLSuccess.png)
   
 ### 项目使用方法
 

+ 2 - 1
docs/setup/index.js

@@ -5,7 +5,8 @@ const content = [
             ["/setup/ide/nodejs", "Node.js"],
             ["/setup/ide/idea", "IDEA"],
             ["/setup/ide/vscode", "VS Code"],
-            ["/setup/ide/nodejs", "vue-cli"],
+            ["/setup/ide/vuecli", "vue-cli"],
+            ["/setup/ide/plantUML", "plantUML"],
         ]
     },
     {