framework icon indicating copy to clipboard operation
framework copied to clipboard

VS Code extension

Open cossssmin opened this issue 3 years ago • 0 comments

Would be awesome if we could provide a VS Code extension that would show a Maizzle-compiled preview of your template to the side, similar to how the default Markdown extension works.

Why would this be useful?

  • it would only compile one template: the one you're currently editing => faster workflow
  • no need to start a server with Browsersync => again, faster workflow
  • code & preview on a single screen - not everyone has two monitors, and switching apps is annoying on smaller screens

So it would just make local development much faster. Production builds / outputting actual files to disk would remain the same, done through a maizzle build [env] command.

Features?

Besides previewing the compiled HTML, it should probably:

  • allow user to define the config.js & tailwind.config.js files to load settings from (or provide a settings page? if so, what will be customizable and what won't be, i.e. no point in providing Browsersync config options...)
  • have a button to view the compiled HTML source
  • ... what else?

Since I have zero experience with Typescript and writing VS Code extensions, I'm looking for help from the community. If you can help with building this (or know someone who can), please feel free to chime in! 👍

cossssmin avatar Jul 16 '20 12:07 cossssmin