Recently I came across a plugin for multiple IDEs called Emmet. It allows developers to skip all the pain of typing in repetitive / monotonous HTML and CSS by generating snippets from (defined and customizable) abbreviations. With Emmet we can quickly write a bunch of code, wrap code with new tags, quickly traverse and select important code parts and other things. I installed it for Sublime Text 2.0 (IDE of my choice). After tinkering I realized that having a similar extension for Visualforce would save hours of time creating pageBlockTables, and other repetitive tasks, such as closing of tags. Therefore, I created a Visualforce Snippet Library that contains the abbreviations for all the Visualforce tags ready for use/customization. I have recorded a short video to demonstrate the working of the component.
This component comprises of three files
- ReadMe – Consists of Samples and License information
- Installation Instructions – To get the extension working in Sublime Text 2.0
- snippets_visualforce.json – **This file is required for being able to extend Emmet to code in Visualforce**