A set of snippets and commands that will ease the work for frontend developers.
Snippets
vg-grid Snippet generates the typical igx grid html. It also renders demo column template and a demo grouping template.
vg-autocomplete Snippet generates autocomplete html.
vg-dialog Snippet generates dialog html with header, content and footer.
vg-calendar Snippet generates calendar html.
vg-action-bar Snippet generates action bar html.
vg-list-box Snippet generates list box html.
vg-slider Snippet generates slider html.
vg-number-picker Snippet generates number picker html.
vg-menu Snippet generates menu html.
vg-editor Snippet generates editor html.
vg-accordion Snippet generates accordion html.
vg-search Snippet generates search html.
vg-tree Snippet generates tree html.
vg-chip Snippet generates chip html.
vg-inline-edit Snippet generates inline edit html.
vg-inline-group Snippet generates inline group html.
vg-control-group Snippet generates control group html.
vg-main-group Snippet generates main group html.
vg-tabs Snippet generates tabs html.
vg-master-detail Snippet generates master-detail html.
vg-button Snippet generates simple button html.
vg-icon-button Snippet generates button with icon html.
vg-icon Snippet generates icon html.
Commands
Generate column configuration RightClick on the property that contains the grid data and run the command. It will generate a new property with column models for each of the grid data item properties.
Development & Debuging
First start the esbuild-watch script so that your changes are immediately build and then you will have to start the Run extension Job. A new VsCode window will open where you can test the extension.
Changes in the code (after the first build) are loaded in the test VsCode window only after it was reloaded... Reload Window task.