Use an External Editor with an Existing Widget

WidgetStudio allows you to edit existing widgets in an external editor such as VIsual Studio Code. This offers a lot of flexibility for the experienced developer to organize their code as they see fit.

Switching to External Editor mode

To get started simply click the "External Editor Mode" button. 

This process does the same as working with a new widget. The index.html file that is created contains all the code you first wrote in WidgetStudio's editor.