react-playground-vscodeThis plugin helps in automatically providing a webview playground of your React Component. UsageEnter ctrl+shift+p and then type React Playground Bug/Feature ReportsAppreciate any bug/feture reports via Github Release Notes0.0.11
0.0.10
0.0.9
PreviewFeatures
Extension SettingsKnown Issues
FAQ
No. You can have an empty dir. Create your react component and use ctrl+shift+p to open the live preview.
You open the webview inspector. Open Keyboard Shortcuts and edit keybindings.json. Add the following:
Change the key as required. This should enable you to inspect the html.
React Playground will inspect any React Element but it will also evaluate an export that starts with __Playground. So you can have the following be automatically evaluated in React Playground
You should be able to see this within the playground. |