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.

Open the Tools menu
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