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:

(link: https://github.com/sh4nks/sublime-text-plugin-autoclose text: Auto Close HTML Tags) : Closes HTML tags after a >.
(link: https://github.com/liamcain/AutoFileName text: AutoFileName) : Autocompletes filenames.
(link: https://facelessuser.github.io/BracketHighlighter/ text: BracketHilighter) : Hilights the corresponding brackets both in text and in the vertical line numbers column.
(link: https://github.com/leonid-shevtsov/ClickableUrls_SublimeText text: Clickable URL) : Makes URLs in files clickable.
(link: https://packagecontrol.io/packages/Color%20Highlighter text: Color Highlighter) : Shows colors inside the editor.
(link: https://bitbucket.org/dougty/sublime-compare-side-by-side/src/master/ text: Compare Side by Side) : Allows to compare two files and automatically find the differences
(link: https://github.com/spadgos/sublime-jsdocs text: DocBlockr) : Helps with writing documentation and code comments
(link: https://emmet.io/ text: Emmet) : Helps creating snippets of HTML
(link: https://github.com/jisaacks/GitGutter text: GitGutter) : Show information about the current Git Repository and last modifications
(link: https://github.com/victorporof/Sublime-HTMLPrettify text: HTML/CSS/JS Prettify) : Code formater for HTML, CSS, JS and a few JS frameworks
(link: https://sublimetext-markdown.github.io/MarkdownEditing/ text: Markdown Editing) : Syntax for markdown
(link: https://github.com/tssajo/Minify text: Minify) : Minifies CSS, HTML, JavaScript, JSON or SVG files
(link: https://packagecontrol.io/packages/Sass text: Sass) : Sass and SCSS support
(link: https://github.com/benweier/Schemr text: Schemr) : Changes color and themes quickly
(link: https://github.com/titoBouzout/SideBarEnhancements text: SideBarEnhancements) : Adds a lot of features to the sidebar when right clicking
(link: https://sublimegit.readthedocs.io/en/latest/ text: SublimeGit) : Adds support for most Git actions
(link: http://www.sublimelinter.com/en/stable/ text: SublimeLinter) : Adds linting to Sublime Text. Can then be combined with specific language linters like csslint or jshint
(link: https://www.mfuentesg.dev/SyncSettings/ text: SyncSettings) : Allows to save Sublime Text settings and plugin list inside a Github Gist
(link: https://packagecontrol.io/packages/Terminal text: Terminal) : Opens a terminal inside the current folder