常用外掛推薦
Alignment: 自動對齊程式碼
SublimeLinter 提示編寫程式碼中存在的不規範和錯誤的寫法
Sublime CodeIntel程式碼提示和補全
Bracket Highlighter程式碼匹配
SideBarEnhancements 側欄右鍵功能增強
ConvertToUTF8,GBK編碼相容
Emmet讓編寫程式碼變得簡單
HTML-CSS-JS Prettify HTML/CSS/JS/Vue等程式碼格式化
Better Completion全能程式碼提示(JavaScript、jQuery、Bootstrap等js庫)
AutoFileName提示檔案路徑,快速輸入檔名
GitGutter提示程式碼中插入、修改、刪除的地方
其他外掛推薦
CSScomb 屬性排序
SublimeTmpl 快速生成檔案模板
FileDiffs 強大的比較程式碼不同工具
JavaScript Completions js原生語法提示。配置node
Clipboard History 剪貼簿歷史記錄
ChineseLocalization 完全漢化外掛
vue syntax hightlight Vue語法高亮
Vuejs Snippets Vue API程式碼片段
stylus css預載入器 FileHeader 自動更新儲存時間,檔案模板
Emmet LiveStyle 實時重新整理雙向修改
WordPressWordPress函式
PHPTidy 排版PHP程式碼
YUI Compressor壓縮JS和CSS檔案
AutoPrefixer 替換(Emmet)瀏覽器私有屬性字首補全
TrailingSpaces,多餘空格標記
PackageResourceViewer,外掛修改必備
DocBlockr生成優美註釋
AngularJS 提示外掛
個人設定推薦
"trim_trailing_white_space_on_save":true,
"ensure_newline_at_eof_on_save": true,
"font_face": "Microsoft YaHei Mono",
"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
"update_check": false,
複製程式碼
個人設定備註說明
trim_trailing_white_space_on_save,自動移除行尾多餘空格
ensure_newline_at_eof_on_save,檔案末尾自動保留一個空行
font_face 設定字型。Microsoft YaHei Mono 是一款混合字型,專為程式碼優化,看起來很舒服。
translate_tabs_to_spaces 很明白就是把程式碼 tab 對齊轉換為空格對齊,tab_size 配合設定空格數。
draw_minimap_border,用於右側程式碼預覽時給所在區域加上邊框,方便識別。
save_on_focus_lost,視窗失焦立即儲存檔案,嘛嘛再也不用擔心你忘記儲存了。
highlight_line,當前行高亮。
word_wrap,設定自動換行。
fade_fold_buttons,預設顯示行號右側的程式碼段閉合展開三角號。
bold_folder_labels,側邊欄資料夾顯示加粗,區別於檔案。
hlight_modified_tabs,高亮未儲存檔案。
default_line_ending: “unix”, 使用 unix 風格的換行符。
auto_find_in_selection: true ,開啟選中範圍內搜尋
update_check ,關閉自動跟新提示
vue syntax hightlight vue檔案字型高亮