Sublime Text Setting for Web Developer (Extremly Subjective)

sublimetext_settings.md

###1.HTML Build System with Chrome

Open HTML file dirctly on Chrome Browser (with Ctrl + b a.k.a Build Shortcut)

####Consideration and Things to improve

• On Max OS X, command may need to be change see this.

• Currently only working on build system is fixed to HTML, If build system is setted to automatically will cause an error no build system.

{
	"cmd": [ "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "$file"],
	"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
	"selector": "source.html"
}

###2.Open file in the browser (much easy then 1!)

Add following line in Preference -> Key Bindings - User

 { "keys": ["ctrl+alt+b"], "command": "open_in_browser"}

###3.console.log and require shortcut for node.js development

[
    { "keys": ["ctrl+shift+x"],
      "command": "insert_snippet",
      "args": {
        "contents": "console.log(${1:}$SELECTION);${0}"
      }
    },
        { "keys": ["ctrl+shift+"],
      "command": "insert_snippet",
      "args": {
        "contents": "require('${1:}$SELECTION');${0}"
      }
    }
]

###4. open folder with short cut

{ "keys": ["ctrl+shift+o"], "command": "prompt_open_folder" }