vitest-dev / vscode

VS Code extension for Vitest
https://vitest.dev/vscode
MIT License
736 stars 83 forks source link

docs: add usage section to readme #332

Closed MilanKovacic closed 4 months ago

MilanKovacic commented 4 months ago

Added usage section to readme. Closes https://github.com/vitest-dev/vscode/issues/180.

image image

sheremet-va commented 4 months ago

I don't really like the usage of a basic example in these screenshots. Maybe we can use an actual open-source project here?

I also just implemented basic coverage support that adds another button there. Would be nice to include it in these screenshots now.

MilanKovacic commented 4 months ago

My rationale for using the basic example was to not distract the users from the functionalities we are trying to explain. I plan to update the main GIF showcasing the performance, and usability of the extension on a very large real world project.

What do you think?

sheremet-va commented 4 months ago

My rationale for using the basic example was to not distract the users from the functionalities we are trying to explain.

In that case, maybe it's better to create an even simpler project just to make screenshots for these functionalities. The basic example is very "playground"-y and more distracting than having an actual project in these screenshots, I feel like. Why do you have async new Promise(...) here, for example? This is a ridiculous example. We could also make make background more blurry to not distract from what we are trying to show here.