

Helpful for: nit-picky developers like me who like to alphabetize everything or prefer to group certain rules together.What it does: formats your CSS (and Sass) according to your preferred style.Keep your code consistent and pretty CSScomb Helpful for: syntax highlighting consistency.What it does: adds complete CSS3 support to Sublime Text 3.Helpful for: keeping an eye on changes you’ve made since your last commit.Įxtra formats for better syntax highlighting, autocomplete and snippets CSS3.Different colors are used for additions, modifications, and deletions. What it does: shows the current Git status of line changes in a file.Display options can be customized if you prefer more or less subtlety. Helpful for: Sass files with color variables.What it does: displays color codes using the actual color.Helpful for: when you’re trying to find where something opens or closes.Most formats are supported by default but you can also add custom formats. What it does: highlights bracket pairs.Check out the links for full descriptions and configuration options. Below are my favorite packages for optimizing front end code as well as the code writing experience. More details on package management can be found at packagecontrol.io. Select the package (I navigate Sublime Text menus with the arrow keys).
#INSTALL PRETTIFY IN SUBLIME FOR MAC INSTALL#
#INSTALL PRETTIFY IN SUBLIME FOR MAC UPDATE#
Much like Drupal’s Update Manager module, Sublime Text’s “Package Manager” makes package installation and maintenance easier, so be sure to install it. “Packages” are similar to WordPress plugins and Drupal modules they extend core functionality with specific features. In addition to its elegant interface and fast performance, the ability to easily add additional functionality via 'packages' is one of its most attractive features. Due to its simplicity and extendability, one of the most popular text editors used by front-end developers is Sublime Text.
