Sublime Configurations

01 - Sublime Configurations.md

Sublime Configurations

Install Package Control:

https://sublime.wbond.net/installation#st3

Install Fonts:

• Source Code Pro - sourcecodepro.sh
• Hack - hack.sh

Install Packages

• Alignment
• Bracketeer
• BracketHighlighter
• CodeIvate (https://codeivate.com)
• Color Picker
• EasyDiff
• Editorconfig
• EJS
• Emmet
• Git Gutter
• Github Flavored Markdown Preview
• Jade
• Jade Snippets
• ReactJS
• ReactJS Snippets
• SASS
• Sidebar Enhancements
• Sidebar Folders
• Slugify
• Stylus
• Stylus Snippets
• Synced Sidebar
• Theme Soda
• Theme Spacegray
• Material Theme
• WakaTime (https://wakatime.com/)
• WordPress

My plugins

• Sublime CodeIntel
• DocBlockr
• Package Syncing
• Materialize
• Git
• HTML5
• Tag
• JavaScript Completions
• Babel
• ColorHighlighter
• Synced sidebar

User Preferences

Preferences > Settings - User

File Preferences.sublime-settings

Alignment

Preferences > Package Settings > Alignment > Settings User

File Base File.sublime-settings

Emmet

Preferences > Package Settings > Emmet > Settings User

File Base File.sublime-settings

02 - Themes.md

Beautiful Themes

Add this options on your User Settings File

Spacegray

{
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
  "theme": "Spacegray.sublime-theme"
}

Spacegray Light

{
  "color_scheme": "Packages/Theme - Spacegray/base16-ocean.light.tmTheme",
  "theme": "Spacegray Light.sublime-theme"
}

Settings for Spacegray Eighties

{
  "color_scheme": "Packages/Theme - Spacegray/base16-eighties.dark.tmTheme",
  "theme": "Spacegray Eighties.sublime-theme"
}

Seti_UI

{
  "color_scheme": "Packages/Seti_UI/Scheme/Seti.tmTheme",
  "theme": "Seti.sublime-theme",
  "Seti_tabs_small": true,
  "margin": 0,
  "draw_minimap_border": true
}

Material Theme

{
  "theme": "Material-Theme.sublime-theme",
  "color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
  "overlay_scroll_bars": "enabled",
  "always_show_minimap_viewport": true,
  "bold_folder_labels": true
}

Base File.sublime-settings

{
  "alignment_chars": ["=", ":"],
  "alignment_space_chars": ["=", ":"]
}

Emmet.sublime-settings

{
  "syntaxProfiles": {
    "html": "xhtml"
  }
}

hack.sh

#!/bin/bash
FONT_NAME="Hack"
URL="https://github.com/chrissimpkins/Hack/releases/download/v2.013/Hack-v2_013-ttf.zip"

mkdir /tmp/$FONT_NAME
cd /tmp/$FONT_NAME
wget $URL -O "`echo $FONT_NAME`.zip"
unzip -o -j ${FONT_NAME}.zip
sudo mkdir /usr/share/fonts/truetype/$FONT_NAME
sudo cp -rf /tmp/$FONT_NAME/. /usr/share/fonts/truetype/$FONT_NAME/.
fc-cache -f -v

Preferences.sublime-settings

{
  "always_show_minimap_viewport": true,
  "bold_folder_labels": true,
  "color_scheme": "Packages/Materialize/schemes/Material Oceanic Next.tmTheme",
  "copy_with_empty_selection": false,
  "drag_text": false,
  "draw_white_space": "all",
  "folder_exclude_patterns":
  [
    ".svn",
    ".git",
    ".hg",
    "CVS",
    ".sass-cache",
    "node_modules"
  ],
  "font_face": "Fira Mono",
  "font_size": 12,
  "highlight_line": true,
  "highlight_modified_tabs": true,
  "ignored_packages":
  [
    "Vintage"
  ],
  "line_padding_bottom": 3,
  "line_padding_top": 3,
  "overlay_scroll_bars": "enabled",
  "tab_size": 2,
  "theme": "Material Oceanic Next.sublime-theme",
  "translate_tabs_to_spaces": true
}

sourcecodepro.sh

#!/bin/bash
FONT_NAME="SourceCodePro"
URL="https://github.com/adobe-fonts/source-code-pro/archive/2.010R-ro/1.030R-it.zip"

mkdir /tmp/$FONT_NAME
cd /tmp/$FONT_NAME
wget $URL -O "`echo $FONT_NAME`.zip"
unzip -o -j ${FONT_NAME}.zip
sudo mkdir /usr/share/fonts/truetype/$FONT_NAME
sudo cp -rf /tmp/$FONT_NAME/. /usr/share/fonts/truetype/$FONT_NAME/.
fc-cache -f -v

User.sublime-keymap

[
  { "keys": ["Ctrl+}"], "command": "toggle_comment", "args": { "block": true } },
  { "keys": ["ctrl+shift+}"], "command": "toggle_comment", "args": { "block": true } }
]