1枫耳、插件

1.1普通插件：

ChineseLocalization ， 完全漢化插件
Monokai Extended 主題孟抗，推薦使用
HTML5迁杨，HTML5標(biāo)簽拓展
JsFormat，javascript格式化
CSS Format凄硼，CSS格式化
Tag铅协，HTML格式化
Brackethighlighter，標(biāo)簽對(duì)標(biāo)記
SideBarEnhancements 摊沉，增強(qiáng)型側(cè)邊欄
BufferScroll狐史，代碼折疊狀態(tài)保留
StyleToken , 標(biāo)記顏色代碼
Emmet，前端神器
Better Completion说墨，全能代碼提示
PackageResourceViewer骏全，插件修改必備

1.2功能插件：

1.2.1 QuoteHTML，把HTML拼接成js插入字符串尼斧，神器
在Preferences – key Bindings中設(shè)置快捷鍵
{ "keys": ["ctrl+alt+'"],
"command": "quote_html",
"args": {"action": "single"}
},

2姜贡、基礎(chǔ)用戶(hù)設(shè)置

2.1基礎(chǔ)用戶(hù)設(shè)置

工具欄 Preferences – Settings-User 加入下面的代碼：

"trim_trailing_white_space_on_save": true,
"ensure_newline_at_eof_on_save": true,
"font_face": "Microsoft YaHei Mono",
"disable_tab_abbreviations": true,
"translate_tabs_to_spaces": true,
"tab_size": 2,
"draw_minimap_border": true,
"save_on_focus_lost": true,
"highlight_line": true,
"word_wrap": "true",
"fade_fold_buttons": false,
"bold_folder_labels": true,
"highlight_modified_tabs": true,
"default_line_ending": "unix",
"auto_find_in_selection": true

trim_trailing_white_space_on_save，自動(dòng)移除行尾多余空格棺棵，處女座更安心了楼咳。
ensure_newline_at_eof_on_save，文件末尾自動(dòng)保留一個(gè)空行烛恤，懂的人自然知道它的用處母怜。
font_face 設(shè)置字體。Microsoft YaHei Mono 是一款混合字體缚柏，專(zhuān)為代碼優(yōu)化苹熏，看起來(lái)很舒服。當(dāng)然你也可以使用你自己喜歡的字體船惨，或者刪掉本行柜裸，使用默認(rèn)字體。
disable_tab_abbreviations 設(shè)置為 true 粱锐，禁用 Emmet 的 tab 鍵功能（請(qǐng)使用 ctrl+e）疙挺，系統(tǒng)自帶的 tab 功能還是可圈可點(diǎn)的。當(dāng)然你也可以不設(shè)置它怜浅，以完全使用 Emmet 的 tab 補(bǔ)全功能铐然。
translate_tabs_to_spaces 很明白就是把代碼 tab 對(duì)齊轉(zhuǎn)換為空格對(duì)齊蔬崩，tab_size 配合設(shè)置空格數(shù)。這個(gè)需求因人而異了搀暑，不喜歡可以去掉沥阳。
draw_minimap_border，用于右側(cè)代碼預(yù)覽時(shí)給所在區(qū)域加上邊框自点，方便識(shí)別桐罕。
save_on_focus_lost，窗口失焦立即保存文件桂敛，嘛嘛再也不用擔(dān)心你忘記保存了功炮。
highlight_line，當(dāng)前行高亮术唬。word_wrap薪伏，設(shè)置自動(dòng)換行。
fade_fold_buttons粗仓，默認(rèn)顯示行號(hào)右側(cè)的代碼段閉合展開(kāi)三角號(hào)嫁怀。
bold_folder_labels，側(cè)邊欄文件夾顯示加粗借浊，區(qū)別于文件塘淑。
highlight_modified_tabs，高亮未保存文件巴碗。
default_line_ending: “unix”, 使用 unix 風(fēng)格的換行符朴爬。
auto_find_in_selection: true ，開(kāi)啟選中范圍內(nèi)搜索（而不是整個(gè)文檔）

2.2默認(rèn)快捷鍵修改

工具欄 Preferences – key Bindings-User 用戶(hù)快捷鍵設(shè)置橡淆，加入下面的代碼

{ "keys": ["alt+space"], "command": "auto_complete" },
{ "keys": ["alt+space"], "command": "replace_completion_with_auto_complete", "context":
[
{ "key": "last_command", "operator": "equal", "operand": "insert_best_completion" },
{ "key": "auto_complete_visible", "operator": "equal", "operand": false },
{ "key": "setting.tab_completion", "operator": "equal", "operand": true }
]
},
{ "keys": ["ctrl+alt+d"], "command": "goto_definition" },

ST3默認(rèn)的代碼提示快捷鍵為 ctrl + space ，但是這個(gè)快捷鍵在天朝一直都被輸入法霸占( Mac用戶(hù)泥奏凱 母赵，修改快捷鍵為 alt+space 逸爵。
ST3自帶跳轉(zhuǎn)到函數(shù)或CSS定義功能，在DreamWeaver中使用 ctrl+d 打開(kāi)CSS樣式定義源面板屢試不爽凹嘲。使用 ctrl+alt+d 定義這個(gè)功能师倔，ST3默認(rèn)的 ctrl+d 已有選擇相同字符的用途。
PS.關(guān)于Emmet 及 ST3 的快捷鍵什么的網(wǎng)上一找一堆周蹭，這里舉幾個(gè)個(gè)人常用的快捷鍵：
ctrl+shift+p 所有命令
ctrl+g 跳轉(zhuǎn)行
ctrl+/ 注釋
ctrl+d 選擇相同字符
ctrl+shift+up/down 整行移動(dòng)
ctrl+alt+right 跳到下一個(gè)編輯點(diǎn)
ctrl+u 圖片原始大小更新
ctrl+shift+g 批量格式生成
ctrl+shift+y 直接公式計(jì)算
ctrl+up CSS數(shù)值加減1（alt+up 數(shù)值加減0.1