sublime 個性化設置

 

predawn主題    詳見:http://www.zhiku8.com/article-2024.htmljavascript

 

個性化設置     詳見:http://www.jxtobo.com/57270.htmlhtml

 

做者:擱淺被註冊了
連接:https://www.zhihu.com/question/19976788/answer/48037047
來源:知乎
著做權歸做者全部,轉載請聯繫做者得到受權。

推薦安裝的插件列表

易用性:前端

ChineseLocalization , 徹底漢化插件
Monokai Extended 主題,推薦使用
HTML5,HTML5標籤拓展
Js​Format,javascript格式化
CSS Format,CSS格式化
Tag,HTML格式化
Brackethighlighter,標籤對標記
Side​Bar​Enhancements ,加強型側邊欄
BufferScroll,代碼摺疊狀態保留
StyleToken , 標記顏色代碼java

功能:
Emmet,前端神器
TortoiseSVN,SVN你懂的
Quote​HTML,把HTML拼接成js插入字符串,神器
Clipboard Manager,加強型剪貼板,可訪問歷史剪貼板記錄
FileHeader,文件模板 , 可自動更新修改時間
AutoPrefixer,瀏覽器私有屬性前綴補全 (Node.js依賴)
ColorConvert,RGBA顏色轉換,十六進制顏色轉換爲RGBA顏色
Better Completion,全能代碼提示
LiveStyle,雙向更改無刷新實時預覽 , 包含chrome插件 Emmet LiveStyle
SFTP , 須要激活 ,看這裏 Sublime Text SVN/SFTP 插件序列號經過微信自動獲取
*jQuery,jQuery 代碼提示(Better Completion 已可替代此插件)
*Sass以及SASS Build,使用Sass必備,ctrl+b執行編譯
*yui compressor,JS和CSS壓縮 (JRE依賴),ctrl+b執行編譯chrome

推薦使用面向將來的前端自動化工具(相對成熟的Grunt,以及後起之秀 Gulp ,還有百度 FIE),以上兩個星標插件均可被自動化工具所取代。gulp

Gulp教程移步這裏:Gulp 自動化你的前端瀏覽器

其餘:
ConvertToUTF8,GBK編碼兼容
IMESupport,輸入法不跟隨時安裝
TrailingSpaces,多餘空格標記,強迫症患者福音
Hasher,符號轉義,ctrl+shift+p 選擇 Entity Encode
PackageResourceViewer,插件修改必備,ctrl+shift+p 調用 Open Resource微信


基礎用戶設置:ide

工具欄 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,自動移除行尾多餘空格,處女座更安心了。

ensure_newline_at_eof_on_save,文件末尾自動保留一個空行,懂的人天然知道它的用處。

font_face 設置字體。Microsoft YaHei Mono 是一款混合字體,專爲代碼優化,看起來很舒服。固然你也可使用你本身喜歡的字體,或者刪掉本行,使用默認字體。

disable_tab_abbreviations 設置爲 true ,禁用 Emmet 的 tab 鍵功能(請使用 ctrl+e),系統自帶的 tab 功能仍是可圈可點的。固然你也能夠不設置它,以徹底使用 Emmet 的 tab 補全功能。

translate_tabs_to_spaces 很明白就是把代碼 tab 對齊轉換爲空格對齊,tab_size 配合設置空格數。這個需求因人而異了,不喜歡能夠去掉。

draw_minimap_border,用於右側代碼預覽時給所在區域加上邊框,方便識別。

save_on_focus_lost,窗口失焦當即保存文件,嘛嘛不再用擔憂你忘記保存了。

highlight_line,當前行高亮。word_wrap,設置自動換行。

fade_fold_buttons,默認顯示行號右側的代碼段閉合展開三角號。

bold_folder_labels,側邊欄文件夾顯示加粗,區別於文件。

highlight_modified_tabs,高亮未保存文件。

default_line_ending: 「unix」, 使用 unix 風格的換行符。

auto_find_in_selection: true ,開啓選中範圍內搜索(而不是整個文檔

相關文章
相關標籤/搜索