Skip to content

Commit 8ae592b

Browse files
GcsSloopGcsSloop
committed
Add Course of PlantUML(Mac)
1 parent 28c166e commit 8ae592b

1 file changed

Lines changed: 78 additions & 0 deletions

File tree

‎Course/HowToUsePlantUMLInAS(Mac).md‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
# 在AndroidStudio中使用PlantUML(Mac)
2+
3+
### 作者微博: [@GcsSloop](http://weibo.com/GcsSloop)
4+
5+
## 前言
6+
7+
### 这是Mac平台设置教程，Windows平台戳这里：[在AndroidStudio中使用PlantUML(Windows)](https://github.com/GcsSloop/AndroidNote/blob/master/Course/HowToUsePlantUMLInAS.md)
8+
9+
**Unified Modeling Language (UML)又称统一建模语言或标准建模语言，用来描述 类（对象的）、对象、关联、职责、行为、接口、用例、包、顺序、协作，以及状态。是用来帮助自己理清众多类之间复杂关系的不二利器，也能帮助别人快速理解你的设计思路。**
10+
11+
那么，我们怎么在AndroidStudio中创建自己的UML类图呢？接下来我就教大家如何用正确的姿势创建UML类图。
12+
13+
## 一.用正确的姿势安装panltUML插件
14+
### 1.File->Settings->Plugins->Browse repositories
15+
![这里写图片描述](http://img.blog.csdn.net/20151130192101011)
16+
### 2.在搜索框输入plantUML
17+
![这里写图片描述](http://img.blog.csdn.net/20151130192547549)
18+
### 3.导入插件
19+
#### (ps：由于我已经安装过了，所以没有Install plugin 按钮，未安装的都有这样一个按钮，如下，点击安装即可。)
20+
![这里写图片描述](http://img.blog.csdn.net/20151130192907006)
21+
22+
#### 如果以上步骤正确的完成，重启AndroidStudio 右键->new 的时候你会发现多了这么一堆东西，如果出现了这些说明plantUML已经正确的安装了。
23+
![这里写图片描述](http://img.blog.csdn.net/20151130193249965)
24+
25+
#### 当然了，所有事情都不会是一帆风顺的，当你迫不及待的想创建一个文件试试的时候你会发现下面的情况。
26+
![这里写图片描述](http://img.blog.csdn.net/20151130193752721)
27+
#### 想必此时你的内心一定和我当时一样，一万头草泥马奔腾而过，这都是什么东西！！！
28+
#### 一切事情都是有原因的，而这个因为你还缺少一个必要的东西，就是大名鼎鼎的贝尔实验室开发的一个工具包：Graphviz。
29+
## 二，用正确的姿势安装Graphviz
30+
31+
此处建议使用Homebrew自动下载安装，如果你还没有用过Homebrew来帮助你管理软件，参考这里: [Homebrew&HomebrewCask](https://github.com/GcsSloop/MacDeveloper/blob/master/Tools/Homebrew.md)
32+
33+
安装好homebrew后直接输入如下命令，按下回车后等待片刻即可安装成功:
34+
35+
```
36+
brew install graphviz
37+
```
38+
39+
安装完成后，Homebrew会告诉你安装位置，请记好这个位置，你也可以用info命名查看安装位置:
40+
41+
```
42+
brew info graphviz
43+
```
44+
45+
我的安装位置在 `/usr/local/Cellar/graphviz/2.38.0`
46+
47+
![](http://ww2.sinaimg.cn/large/005Xtdi2gw1f6h4le3ao7j30fu0a6gol.jpg)
48+
49+
50+
## 三.用正确的姿势设置plantUML
51+
52+
### 1.点击右上角的设置按钮或进入File->Settings->Other Settings ->PlantUML或者在预览页面点击右上角的设置图标,如下:
53+
54+
### 2.将文件路径填写为刚刚Graphviz的目录下bin目录中dot文件。
55+
56+
#### (我的为：/usr/local/Cellar/graphviz/2.38.0/bin/dot)
57+
58+
59+
![](http://ww3.sinaimg.cn/large/005Xtdi2gw1f6h4mbnnhsj30te0g676i.jpg)
60+
61+
### 3.点击OK 刷新一下界面就能看到结果了。
62+
63+
#### 讲到这里，就已经安装完成了，可以愉快的用代码来书写UML图了。
64+
65+
#### 什么？你说你还不会书写的语法？没关系，其实我也不会，不过我有一个好的教程推荐给你，相信你看完就明白啦。
66+
67+
## 四.用正确的姿势学习使用UML
68+
### 1.[【PlantUML快速指南戳这里】](http://archive.3zso.com/archives/plantuml-quickstart.html)
69+
### 2.注意，这个教程中的语法和AndroidStudio中基本一致，区别就是开始和结束标志不同。
70+
71+
####好了，到这里该教程正式结束，祝各位小伙伴能愉快的使用plantUML玩耍。
72+
73+
## About Me
74+
### 作者微博: [@GcsSloop](http://weibo.com/GcsSloop)
75+
<a href="https://github.com/GcsSloop/AndroidNote/blob/magic-world/FINDME.md" target="_blank"> <img src="http://ww4.sinaimg.cn/large/005Xtdi2gw1f1qn89ihu3j315o0dwwjc.jpg" width=300 height=100 /> </a>
76+
77+
78+

0 commit comments

Comments
 (0)