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