Comments (8)
This is a bit weird. I don't have any other report like this one.
Please describe your environment (OS, VSCode) and the samples you have used.
from vscode-yuml.
Hi, same for me with this simple code: [Customer]
.
I'm running VSCode 1.31.1 on macOS 10.14.3.
Thanks.
from vscode-yuml.
I have found the following behavior so far:
- If you try to open a yuml file, it will show the diagram without problems.
- If you create a new yuml file, it won't show the diagram (only that icon) until you save it
Workaround: Save the file (Ctrl-S) to see the diagram
Please confirm if this is your case, while I finish to analyze and solve this.
from vscode-yuml.
I just installed vscode-yuml, and tried the same [Customer] thing but did not see a diagram show, even after saving it.
The image nboukeffa shows is exactly what I see.
I wish I could show you my environment to better help you... likely, the install didn't quite go correctly.
I am running on Windows 10, with the following details from Visual Studio Code:
Version: 1.31.1 (user setup)
Commit: 1b8e8302e405050205e69b59abb3559592bb9e60
Date: 2019-02-12T02:20:54.427Z
Electron: 3.1.2
Chrome: 66.0.3359.181
Node.js: 10.2.0
V8: 6.6.346.32
OS: Windows_NT x64 10.0.17134
from vscode-yuml.
@nboukeffa (and possibly @tvanriper )
Your yuml code is not correct. It is lacking the diagram type:
// {type:class}
The preview shall show a warning message about it, but it isn't. I suspect it is a collateral of PR #51
I will provide a new version in the following hours.
from vscode-yuml.
Fixed and published as version 3.4
from vscode-yuml.
That was indeed the issue. It wasn't obvious to me (because I didn't read carefully enough) that you require the //{type:class} text. If you browse to https://yuml.me and play around with their online editor, it doesn't have this requirement, which added to the confusion.
It makes sense to me, now that I see it... it just didn't immediately grab me.
For whatever it's worth, I think it is counter-intuitive that something classically appearing as a comment acts as a requirement. That might have also made it harder for me to grab onto the concept.
from vscode-yuml.
There is some rationale behind it:
The yuml file shall contain the type, as we are not specifying the type in the URL as when you invoke yuml.me
As I didn't want to disturb too much the original specification, I used special comment. This is not an unusual practice, there are several language that have controlled comments.
from vscode-yuml.
Related Issues (20)
- No preview HOT 3
- Dark color theme for sequence diagram is wrong HOT 3
- Same rendering as Yuml.me HOT 1
- Chinese character shows out of the box when type is sequence HOT 1
- snippets not working in markdown HOT 2
- Make TopBar optional
- Wiki copy error of the example code from package diagram HOT 1
- Object node is showed incorrectly HOT 4
- Need help with YUML and Mediawiki extension HOT 1
- Extension issue HOT 1
- Feature: override theme background color on preview
- Editor window becomes unresponsive HOT 3
- Extension causes high cpu load HOT 2
- Allow the preview window to Zoom In and Zoom Out
- Allow to save diagrams as an image HOT 3
- Can not use yuml in vscode 1.60.2 HOT 1
- Preview is not consistent with the official website
- Add possibility to export generated yUML HOT 2
- Export .yuml file to other formats like .png, jpg, pdf,...
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vscode-yuml.