My Sublime Text Setup

Table of Contents

Sublime Text is a great general purpose performant text editor. It provides a lightweight interface and an excellent plugin packaging system.

While I absolutely love Vim and Geany, Sublime Text serves as a good compromise between flexibility and efficiency, especially when doing web development oriented tasks. Everyone has their preferred plugin arrangement and I’ll show you what my set up looks like.

Preferences

Sublime stores its settings in json format. You can find my preferred settings right here in my git repository. Since this write up is mainly focused on the plugins that are installed, no further details will be provided about my Sublime preferences.

Plugins

Advanced New File — An improved implementation of the new file function in Sublime. Eliminates some of the quirkiness of the native new file shortcut, providing more control and speed when creating new files.

Auto Set Syntax — This plugin automatically sets the syntax of a file based on the first typed line. This is useful when creating a new file where the language is not known because the file extension has not yet been set.

Bracket Highlighter — A tag bracket highlighter. No more hunting around to see where a tag ends.

CSS Format — Allows you to reformat CSS on the fly into different forms, i.e compact, expanded, minified, etc. This is my go-to plugin when it is necessary to reformat portions of CSS quickly for readability.

Dayle Rees Color Schemes — A variety of colour schemes by Dayle Rees. This provides a nice assortment of syntax coloring schemes.

Elm Language Support — A plugin that provides Elm syntax highlighting.

Emmet — Good plugin for improving HTML workflow. Provides the use of abbreviations to quickly define multiple tags.

Hooks — Allows a user to run commands based on event hooks like ‘open new file’ or ‘save file’. I mainly use this to trigger a lazy live browser reload everytime a file is saved. You can view my poor man’s browser reload script in my git repository.

Origami — Split a given window into multiple sections. This plugin eliminates the annoyance of having to juggle between two or more files.

PHP Getters and Setters — This plugin provides a quick way to generate getters and setters for a PHP class.

PHP Unit Kit — PHP unit testing kit for Sublime Text.

Predawn — This is one of my favorite themes for Sublime Text.

Sass — SASS and SCSS syntax highlighting.

Shell Command — Beautiful plugin that allows arbitrary shell commands to be ran from within Sublime Text.

Sublime Linter — General purpose code linting framework. Good for picking up errors in the syntax of multiple languages based on their documentation.

Sublime Linter-csslint — CSS code linter.

Sublime Linter-phpcs — PHP code linter.

Vue Syntax Highlight — Vue syntax highlighting.

Conclusion

That’s it. These are the plugins that I currently use in my web development work flow.

Updated 16 September 2018