qlk --Press a button, and preview a react component in the browser (no fuss no muss!)!WARNING! qlk is super buggy alpha software™
Let's combine them to quickly look at and preview React Components from a single editor built with Parcel. UsagePress the qlk button in the status bar at the bottom of vscode and qlk will
look for an export in the currently active editor named: e.g. pressing the qlk button in the status bar with MyFile.js
in the active editor should open a browser window that displays: qlk ...Hello World!
Protipsif you are doing typescript you will probably want to make sure you have
BuildingBuild / Deploy locally withbin/package.sh Develop with
TODO: Use activibar isntead of bottom of screen https://github.com/Microsoft/vscode-docs/blob/vnext/release-notes/v1_23.md#contributions-to-the-activity-bar JUNK DRAWER NOTESCSS Properties Preview SampleThis is an sample extension that illustrates the use of virtual documents or It is not intended as a product quality extension. The purpose of the extension is to show a preview of the properties in the declaration block of a CSS rule. To play with the extension:
How it works
How to run locally
|