how web developer use sublime editer

1. SUBLIME TEXT
TED

2. Intro
前端攻城獅必⽤用利器
可寫 Python, Java, C/C++, HTML, JavaScript,
CSS, PHP, …
plug in 多到不能再多
沒有想要的功能還可以⾃自⼰己寫

3. Init Config
"default_encoding": "UTF-8"
"default_line_ending": "unix"
"tab_size": 4
"translate_tabs_to_spaces": true
"save_on_focus_lost": true
"highlight_line": true
"trim_trailing_white_space_on_save": true
"rulers": [80, 120]
"highlight_modified_tabs": true

4. Font Size
Preferences->Settings-User
{
"font_size": 18.0,
"ignored_packages":
[
"Vintage"
]
}

5. Package Control
Ctrl + ~
import urllib2,os; pf='Package Control.sublime-
package'; ipp=sublime.installed_packages_path();
os.makedirs(ipp) if not os.path.exists(ipp) else None;
urllib2.install_opener(urllib2.build_opener(urllib2.Prox
yHandler()));
open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('ht
tp://sublime.wbond.net/'+pf.replace(' ','%20')).read());
print 'Please restart Sublime Text to finish installation'

6. Proposal
SublimeTmpl
Gist
BracketHighlighter
SFTP
DocBlockr
ColorPicker
Marking Changed Rows
ColorHighlighter
sublimeBookmark

7. Front-end
jsFormat
Emmet
sublime-jslint
javascript and jQuery API Completions
Find Function Definition

8. Switch layout view in 2 columns
https://www.youtube.com/watch?v=t9xq08x1tlw
http://tedshd.logdown.com/posts/181166-
sublime-change-layout-view-in-2-columns

9. END
Refer
http://tedshd.logdown.com/tags/sublime-text