SublimeText3からPlantUMLを使う
2946 ワード
はじめに
SublimeText3でもPlantUMLをプレビューできるぞ!をお知らせいたします
但し書き
- SublimeText3で生成済イメージのLivePreviewをする方法がわかりません
想定環境
- OS
- OSX 10.11.6
- brew
- 0.9.9
- java
- 1.8.0_25
- SublimeText3
- Sublime Text Build 3114
install
brew
- graphvizはplantumlが依存している
- plantuml自体は後述のpluginが同梱している
- (2016-08-04現在)
Sublime Text 3/Packages/sublime_diagram_plugin/diagram/plantuml-8024.jar
$ brew install graphviz --with-librsvg --with-freetype
SublimeText3
package install
- コマンドパレットから
Add Repository
で下記を追加
https://github.com/hardillb/sublime_diagram_plugin
- コマンドパレットから
Install Package
で下記をinstall
sublime_diagram_plugin
package settings
Diagram.sublime-settings
{
"viewer" : "Sublime3Viewer",
"check_on_startup": true,
"charset": "UTF-8"
}
動作確認
- 何か書いて
hoge.wsd
で保存すると、syntaxがDiagram
に変化
⌘m
- plantumlがイメージを生成し、SublimeText3のタブの中でイメージが表示される
- OSX 10.11.6
- 0.9.9
- 1.8.0_25
- Sublime Text Build 3114
brew
- graphvizはplantumlが依存している
- plantuml自体は後述のpluginが同梱している
- (2016-08-04現在)
Sublime Text 3/Packages/sublime_diagram_plugin/diagram/plantuml-8024.jar
- (2016-08-04現在)
$ brew install graphviz --with-librsvg --with-freetype
SublimeText3
package install
- コマンドパレットから
Add Repository
で下記を追加https://github.com/hardillb/sublime_diagram_plugin
- コマンドパレットから
Install Package
で下記をinstallsublime_diagram_plugin
package settings
Diagram.sublime-settings
{
"viewer" : "Sublime3Viewer",
"check_on_startup": true,
"charset": "UTF-8"
}
動作確認
- 何か書いて
hoge.wsd
で保存すると、syntaxがDiagram
に変化
⌘m
- plantumlがイメージを生成し、SublimeText3のタブの中でイメージが表示される
hoge.wsd
で保存すると、syntaxがDiagram
に変化⌘m
hoge.wsdとして保存しても、hoge-d0p19_.png
などの様に毎回ランダムのsuffixが付くので、live previewは出来ない模様。
tips
- SublimeText3で、Origamiなどでright paneを作っておき、カーソルなどでアクティブにしておけば、そちらのpaneへ生成された画像はタブとして現れる。
- 複数のcode blockを書くと、個別の画像として生成される。SublimeText3のタブは個別タブとなる。
sample uml code
プラグインが紹介されているページに出ているようなイメージを吐き出す構文を出すには下記を選択する。
- SublimeText3の
Preferences
Package Settings
Diagram
EXAMPLE
see also
Author And Source
この問題について(SublimeText3からPlantUMLを使う), 我々は、より多くの情報をここで見つけました https://qiita.com/positrium/items/bb22465e9de698fc2979著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .