Sublime外掛推薦

Zero遊戲人生丶發表於2019-03-08

常用外掛推薦

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 自動更新儲存時間,檔案模板

image.png

Emmet LiveStyle 實時重新整理雙向修改

image.png

WordPressWordPress函式

PHPTidy 排版PHP程式碼

YUI Compressor壓縮JS和CSS檔案

AutoPrefixer 替換(Emmet)瀏覽器私有屬性字首補全

TrailingSpaces,多餘空格標記

PackageResourceViewer,外掛修改必備

Doc​Blockr生成優美註釋

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檔案字型高亮

個人部落格 求星星

求打賞

相關文章