Sublime Text Configuration

Sublime Text is a commercial source code editor. It natively supports many programming languages and markup languages. Users can expand its functionality with plugins, typically community-built and maintained under free-software licenses. To facilitate plugins, Sublime Text features a Python API.

Sublime Text had a lot of success with web developpers from around 2010 to 2016-2017. In 2015 Microsoft released Visual Studio Code, which quickly replaced Sublime Text as the editor of choice for the web developer crowd (including myself) due to its mix of text editor and IDE features.

Still after years of Visual Studio Code I recently came back to Sublime Text with the release of the fourth version in 2021. The main reasons are speed, quality of text rendering, aesthetics and workflow.

My preferences

{
    "find_selected_text": true,
    "highlight_line": true,
    "hot_exit": false,
    "mini_diff": true,
    "show_git_status": true,
    "show_definitions": false,
    "trim_trailing_white_space_on_save": "all",
    "trim_only_modified_white_space": false,
    "word_wrap": true,
    "theme": "Adaptive.sublime-theme",
    "ignored_packages": [
        "Markdown",
        "Vintage",
    ],
    "color_scheme": "Mariana.sublime-color-scheme",
    "font_face": "Ibm Plex Mono",
    "font_size": 10.0,
    "line_padding_bottom": 1,
    "line_padding_top": 1,
    "auto_hide_menu": true,
    "dark_color_scheme": "Mariana.sublime-color-scheme",
    "light_color_scheme": "Celeste.sublime-color-scheme",
}

My plugins

Sublime Text uses a plugin named Package Control to install other plugins.

1. Open the Tools menu
2. Select Install Package Control…

Once it's install, use ctrl + shift + p and search for Package Control: Install Package. The packages I use:

Auto Close HTML Tags

Closes HTML tags after a >.

AutoFileName

Autocompletes filenames.

BracketHilighter

Hilights the corresponding brackets both in text and in the vertical line numbers column.

Clickable URL

Makes URLs in files clickable.

Color Highlighter

Shows colors inside the editor.

Compare Side by Side

Allows to compare two files and automatically find the differences

DocBlockr

Helps with writing documentation and code comments

Emmet

Helps creating snippets of HTML

GitGutter

Show information about the current Git Repository and last modifications

HTML/CSS/JS Prettify

Code formater for HTML, CSS, JS and a few JS frameworks

Markdown Editing

Syntax for markdown

Minify

Minifies CSS, HTML, JavaScript, JSON or SVG files

Sass

Sass and SCSS support

Schemr

Changes color and themes quickly

SideBarEnhancements

Adds a lot of features to the sidebar when right clicking

SublimeGit

Adds support for most Git actions

SublimeLinter

Adds linting to Sublime Text. Can then be combined with specific language linters like csslint or jshint

SyncSettings

Allows to save Sublime Text settings and plugin list inside a Github Gist

Terminal

Opens a terminal inside the current folder