Sublime Text Packages For Front-end Developers

Two days ago, I didn’t know why I can’t login to my computer, even though it still worked before. I tried several different ways to access but it didn’t work. Eventually, I installed a new macOS.

As you already known, we had to install variety of things for working. I’m really keen on Sublime Text IDE. Thereforce, I noted installed sublime text packages and IDE settings in case of occurring the same problem.

Installed packages

• AutoFileName Sublime Text plugin that autocompletes filenames

• Babel Syntax definitions for ES6 JavaScript with React JSX extensions

• Bracket​Highlighter Bracket and tag highlighter for Sublime Text

• Color Highlighter A plugin for the Sublime text 2 and 3, which underlays selected hexadecimal colorcodes with their real color. Also, plugin adds color picker to easily modify colors.

• DocBlockr Simplifies writing DocBlock comments in Javascript, PHP, CoffeeScript, Actionscript, C & C++

• EditorConfig Helps developers maintain consistent coding styles between different editors

• Emmet Emmet for Sublime Text

• Git Plugin for some git integration into sublime text

• Git​Gutter A Sublime Text 2/3 plugin to see git diff in gutter

• HTML-CSS-JS Prettify HTML, CSS, JavaScript, JSON, React/JSX and Vue code formatter for Sublime Text 2 and 3 via node.js

• Java​Script & Node​JS Snippets JavaScript & NodeJS Snippets for Sublime Text 2/3

• Placeholders Placeholder HTML & content (lorem ipsum) package for Sublime Text

• Pug A comprehensive textmate / sublime text bundle for the Pug (formerly Jade) template language

• SCSS The TextMate SCSS Official Bundle. Now Compatible with SublimeText2.

• Sublime​Code​Intel Full-featured code intelligence and smart autocomplete engine

• Terminus Best Terminal Emulator of Sublime Text

IDE settings

Preferences → Settings

{
  "tab_size": 2,
  "translate_tabs_to_spaces": true,
  "trim_trailing_white_space_on_save": true,
  "ensure_newline_at_eof_on_save": true,
  "word_wrap": true,
  "highlight_line": true,
  "folder_exclude_patterns": [
    ".svn",
    ".git",
    ".hg",
    "CVS",
    "node_modules"
  ],
  "font_size": 11,
  "ignored_packages": [
    "Markdown",
    "Vintage"
  ]
}

Installed packages are being updated.