Customizing Sublime Text

This content originally appeared on DEV Community and was authored by The Jared Wilcurt

These are all of the steps I follow (roughly, sometimes I skip some of the plugins) when setting up Sublime Text on a new machine. These steps are compatible with ST2, ST3, and ST4.

If you use Sublime, some of these will be useful to you. Some of these will not. They are for me. But also, a little for you.

Drag your GitHub folder in so all projects show up in the sidebar
Install the built in plugin manager
- Go to Tools > Install Package Control
Restore the superior design of Sublime Text 2 (smooth tabs never die)
- CTRL + SHIFT + P > Install > Enter
- Theme - Legacy
- CTRL + SHIFT + P > UI: Select Theme > Legacy
- CTRL + SHIFT + P > UI: Select Color Scheme > Monokai

Remove the icons from the file tree

CTRL + SHIFT + P > Install > Enter
PackageResourceViewer
CTRL + SHIFT + P > PackageResourceViewer: Open Resource > Theme - Legacy > Legacy.sublime-theme
Edit these sections:

{
    "class": "icon_file_type",
    "content_margin": [0,0]
},
{
    "class": "icon_folder",
    "content_margin": [0,0]
},
{
    "class": "icon_folder_loading",
    "content_margin": [0,0]
},
{
    "class": "icon_folder_dup",
    "content_margin": [0,0]
}

Install common plugins:
- CTRL + SHIFT + P > Install > Enter
  - Sidebar Enhancements - Adds in many basic features when right-clicking on items in the file tree, such as "Open in browser" or "duplicate file", etc. Customizable (can remove the donation nag).
  - Trailing Spaces - Highlights trailing spaces in Pink, also can auto delete them from Edit menu. Annoying for 5 minutes, then it's pretty great
  - AutoFoldCode - Keeps track of what you have code folded, multi-cursors, and scroll position on file close.
  - EditorConfig - See the editor config website
  - MoveTab - Keyboard shortcut to move tabs
  - ColorSchemeEditor - Modify colors in sublime, good for editing the little dot that shows up next to a line when it fails a linting
Language specific stuff:
- Sass
  - Sass - sass/scss syntax highlighting
- JSON
  - Pretty JSON - Validate, sort, and pretty print
- JavaScript
  - DocBlockr - type /** above a function with params and hit TAB
  - SublimeLinter - Linting engine compatible with many different linters
  - SublimeLinter-eslint - Plugin for SublimeLinter to show you what lines of code are failing ESLint
  - Monokai JSON+ - Colors different nested objects in JSON. Great for ST2, rarely needed in ST3+
  - Jest - Helpers for Jest (JS Testing)
  - Vue Syntax Highlight - Great, though if you manually download it from GitHub it has better ST3 support
  - Vuejs Snippets - I've also manually installed Sara Drasners snippets and modified them some
Other stuff
- Discord Rich Presence - Better Sublime Discord Integration
- GitSavvy - I was told this is good, I don't know
- SublimeCodeIntel - This one requires installing some python stuff first before it will work. Look it up. Pretty easy. Worth it.
Set up the default "Find" properties:
- CTRL + SHIFT + F > "Where:"
- <project>, -*/node_modules/*, -*/.git/*
- <project> means all folders in the sidebar, skipping the node_modules and .git folders and their contents

Menu > Preferences > Settings

{
    "caret_extra_top": 0,
    "caret_extra_bottom": 1,
    "caret_extra_width": 1,
    "caret_style": "smooth",
    "color_scheme": "Packages/Color Scheme - Default/Monokai.sublime-color-scheme",
    "folder_exclude_patterns": [
        "Application"
    ],
    "font_options": [
        "directwrite",
        "subpixel_antialias"
    ],
    "font_size": 10,
    "ignored_packages": [
        "Vintage"
    ],
    "index_exclude_patterns": [
        "*.log",
        "*/node_modules/*",
        "*/.git/*",
        "*/bower_components/*",
        "*/dist/*",
        "*/unit/coverage/*",
        "*/package-lock.json"
    ],
    "show_definitions": false,
    "show_git_status": false,
    "theme": "Legacy.sublime-theme"
}

Preferences > Key Bindings

[
    {
        "keys": ["ctrl+tab"],
        "command": "next_view"
    },
    {
        "keys": ["ctrl+shift+tab"],
        "command": "prev_view"
    }
]

CTRL + Shift + P > PackageResourceViewer: Open Resource > Color Scheme - Default > Monokai.sublime-color-scheme

"globals": {
    "line_diff_added": "var(yellow5)",
    "line_diff_deleted": "var(yellow5)",
    "line_diff_modified": "var(yellow5)",
    "line_diff_width": "var(yellow5)"
},

Photo Credit:

1910's Biplane photo from Aviation Stack Exchange

This content originally appeared on DEV Community and was authored by The Jared Wilcurt

Print Share Comment Cite Upload Translate Updates

APA

The Jared Wilcurt | Sciencx (2021-06-17T20:25:20+00:00) Customizing Sublime Text. Retrieved from https://www.scien.cx/2021/06/17/customizing-sublime-text/

MLA

" » Customizing Sublime Text." The Jared Wilcurt | Sciencx - Thursday June 17, 2021, https://www.scien.cx/2021/06/17/customizing-sublime-text/

HARVARD

The Jared Wilcurt | Sciencx Thursday June 17, 2021 » Customizing Sublime Text., viewed ,<https://www.scien.cx/2021/06/17/customizing-sublime-text/>

VANCOUVER

The Jared Wilcurt | Sciencx - » Customizing Sublime Text. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/17/customizing-sublime-text/

CHICAGO

" » Customizing Sublime Text." The Jared Wilcurt | Sciencx - Accessed . https://www.scien.cx/2021/06/17/customizing-sublime-text/

IEEE

" » Customizing Sublime Text." The Jared Wilcurt | Sciencx [Online]. Available: https://www.scien.cx/2021/06/17/customizing-sublime-text/. [Accessed: ]

rf:citation

» Customizing Sublime Text | The Jared Wilcurt | Sciencx | https://www.scien.cx/2021/06/17/customizing-sublime-text/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts