Your browser does not support this video.
Installing icons and themes for SublimeText 3 is as easy as selecting them from the packages list.
The file icons in the sidebar can be improved by installing A File Icon package from the list. The new icons should become updated as soon as the package is installed.
The Ayu theme can be installed the same way. Once installed, the new theme can be changed by selecting it from the
UI: Select Theme and
UI: Select Color Scheme option in the command palette.
Right-clicking the files and folders in SublimeText 3’s sidebar only provides a few basic options. To add some additional options to the right-click menu, we can install the SidebarEnhancements package.
Installing the Git package allows us to execute
git commands from within SublimeText 3 itself.
The GitGutter package can show the
git status of the file currently being modified in the left gutter. It supports showing the following statuses: lines inserted, lines updated, deleted region borders, ignored files, and untracked files. Hovering over the icon in the gutter will also show a helpful diff popup.
The AutoFileName package can autocomplete filenames based on the directory path. Its very useful for specifying local files in
<img> HTML tags.
Emmet is another amazing productivity hack. Once installed, it allows using a shorter syntax for HTML and CSS that it can then expand using the
CTRL/COMMAND + E shortcut. For example, type
html:5 and hit
CTRL/COMMAND + E and Emmet will expand that into the HTML5 Doctype declaration.
Similarly, nest HTML elements like
div>ul>li and it will be expanded to the corresponding nested HTML tag structure. This package can help save a lot of time and effort when writing HTML in our Jekyll markdown files.
The Jekyll plug-in makes managing posts and templates a lot easier. It requires some configuration, but once set up, it can make the process of creating new posts and templates a breeze.
The packages I’ve listed above will make working with SublimeText and Jekyll a lot more fun. You can also use the command palette and the packages drop-down list to explore more packages on your own. The packages are also published on the Package Control website.
Have fun, and keep coding :)