Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jaime-olivares/vscode-yuml

yUML extension for Visual Studio Code
https://github.com/jaime-olivares/vscode-yuml

markdown sequence-diagram uml uml-diagram vscode vscode-extension yuml yuml-syntax

Last synced: 2 days ago
JSON representation

yUML extension for Visual Studio Code

Host: GitHub
URL: https://github.com/jaime-olivares/vscode-yuml
Owner: jaime-olivares
License: mit
Created: 2016-07-11T19:38:40.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2019-05-31T13:41:22.000Z (over 5 years ago)
Last Synced: 2024-02-29T09:43:53.289Z (9 months ago)
Topics: markdown, sequence-diagram, uml, uml-diagram, vscode, vscode-extension, yuml, yuml-syntax
Language: JavaScript
Size: 1.38 MB
Stars: 116
Watchers: 13
Forks: 26
Open Issues: 13
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # yUML extension

yUML extension for Visual Studio Code. Allows the creation of offline UML diagrams based on the [yUML Syntax](http://yuml.me/).

[![](https://vsmarketplacebadge.apphb.com/version/JaimeOlivares.yuml.svg)](https://marketplace.visualstudio.com/items?itemName=JaimeOlivares.yuml)

[![](https://vsmarketplacebadge.apphb.com/installs/JaimeOlivares.yuml.svg)](https://marketplace.visualstudio.com/items?itemName=JaimeOlivares.yuml)

[![](https://vsmarketplacebadge.apphb.com/rating/JaimeOlivares.yuml.svg)](https://marketplace.visualstudio.com/items?itemName=JaimeOlivares.yuml)

## Features

* Syntax highlighting of *.yuml* files

* Currently, the following diagram types are supported: 

  + Class

  + Activity 

  + Use-case

  + State

  + Deployment

  + Package

  + Sequence  

  See the corresponding [github project](https://github.com/jaime-olivares/yuml-diagram) for the updated features

* Update of yUML diagrams after each file save

* Additional directives for altering diagram type and orientation

* Embedded rendering engine: **No need to call an external web service**

* Automatic sensing of light and dark themes

* Code snippets with samples of each diagram

* Integrated Markdown support

![yUML extension screenshots](images/vscode-yuml.gif)

## yUML syntax

Please refer to the [wiki page](https://github.com/jaime-olivares/yuml-diagram/wiki)

## Invocation methods

Once a *.yuml* file is open, the viewer window can be invoked in two ways:

* By opening the command pallete and [partially] typing: `view yuml diagram` (see the screenshot above)

* By clicking the preview icon in the editor title area (see below)

![title icon](images/title_icon.png)

## Snippets

There is a snippet for each diagram type. Just start typing one of the available diagram types: 

`class`, `activity`, `usecase`, `state` or `deployment`, `package`, `sequence` 

and a full example will be pasted into the yuml file.

![yuml snippet screenshot](images/snippet.png)

## Markdown support

yUML code can now be embedded into markdown documents by using the fencing syntax, as shown:

![yuml markdown screenshot](images/markdown.png)

The yUML diagram will be directly rendered in the markdown preview window.

## Top bar

A topbar will show some useful links when hovered (see below),

for accessing the wiki page, writing a review, reporting bugs and requesting new features.

![topbar screenshot](images/top_bar.png)

## Extension Settings

No settings yet.

## Issue reporting

If you have experience developing Visual Studio Code extensions, please propose a detailed solution for any reported issue or feature request.

For issues related to the yUML syntax, please post your issue in the corresponding [github project](https://github.com/jaime-olivares/yuml-diagram/issues)

## Contributing

For pull requests, please read [CONTRIBUTING.md](https://github.com/jaime-olivares/vscode-yuml/blob/master/CONTRIBUTING.md)