|
@@ -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)
|
|
|
|
|
|
### 项目使用方法
|
|
|
|