Sublime Text Packages For Front-end Developers

April 28, 2019 • 2 min read

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
BracketHighlighter 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
GitGutter 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
JavaScript & NodeJS 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.
SublimeCodeIntel 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.

loves exploring new things