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