“鐵須礪以成利器”——《書·說命上》孔傳
寫了近三年的代碼囱持，估計也有上萬行了冬耿。期間換過幾種武器，目前覺得最順手的還是 sublime text3冯勉。說來原因也很簡單澈蚌，最初使用低配的 PC 開發(fā)，多開幾個應(yīng)用就卡的不要不要的灼狰，所以一直使用著流暢的 sublime text3宛瞄。期間雖然試用過 VScode 和 Atom，都因為無法忍受其占用過多內(nèi)存進而導致 PC 卡頓不已交胚，而最終放棄了份汗。也因此，現(xiàn)在才有了磨礪近三年承绸、專屬于自己的一個 sublime text3裸影。
# 關(guān)于 package control
Package Control —— sublime text3 的包管理工具，后面安裝的插件和主題都可以在這里找到介紹和配置方式军熏。但是轩猩，sublime text3 默認是沒有安裝 Package Control 的，所以首先要安裝它。具體安裝方式在這個網(wǎng)頁有詳細介紹均践。這里只簡單提下步驟：
- 啟動 sublime text3 晤锹，然后按住快捷鍵
crtl +`[這個就是 Tab ??的那個鍵]。sublime text3 就會在底部彈出 console 區(qū)彤委。 - 在 console 區(qū)輸入上面網(wǎng)頁里的一串 Python code鞭铆。
- 最后，sublime text3 會自己安裝好 package control焦影。
# 挑選主題
自古美人如玉劍如虹车遂，sublime text3 的主題之豐富、質(zhì)量之高斯辰，在眾 IDE 中估計是無人能及了舶担。可以想見彬呻，程序員們的審美需求很大衣陶，而且審美也很高。我挑了近兩年的主題闸氮，各種風格的都嘗試過剪况，其中 material-theme 是我用的最久的一款，也是我認為美感和舒適度極佳的一款蒲跨。下面放張官網(wǎng)扒的圖片：
不過我還要推薦一款我正在使用的主題——ayu：???? Modern Sublime Text 3 and 2 theme 译断。從主題設(shè)計者的介紹就知道這款主題更加現(xiàn)在化，從截圖則感受到了它的清爽财骨、明快镐作，整體配色豐富而不雜亂、以及和專用編程字體的搭配顯的它極為優(yōu)雅隆箩。
# 小米加大炮
sublime text3 如同編程必須的小米一樣重要该贾，但是沒有大炮加持也很難打下大片江山啊。所以捌臊，強勁的插件能夠讓 sublime text3 應(yīng)對各種開發(fā)場景而游刃若有余地杨蛋。【注：只限前端開發(fā)常用插件】
那么如何安裝下面這些插件了理澎？既然安裝了 Package Control 逞力，那么通過 Package Control 來安裝管理這些插件就是易如反掌的事情了。
- step1 啟動 sublime text3 糠爬，按住
ctrl + shift + p寇荧。彈出如下命令欄：
- step2 如圖，輸入 ‘install package’ 或間寫幾個字母就能搜索出安裝命令执隧，然后輸入插件的名稱就自動安裝揩抡。
格式優(yōu)化類
- auto-spacing【自動添加盤古之白户侥，至于什么是盤古之白，看這篇《為什麼你們就是不能加個空格呢峦嗤？》】
- emmet【簡化 html 標簽的書寫蕊唐，最少可以減少60%單詞的輸入，使用方式在官網(wǎng)有詳細介紹烁设。而兼容 jsx 內(nèi)的配置在 gistbox 】
- html-css-jsprettify（格式化 html替梨、css、js 文件）
- CSScomb【css 屬性排列規(guī)則配置是采用 bootstrap css 屬性規(guī)則装黑，配置在 gistbox 】
- pretty JSON （格式化 JSON 文件）
編輯器增強類
- DocBlockr【自動為文件添加注釋】
- FileDiffs（文件差異對比）
- EditorConfig【多人共同編程時統(tǒng)一多人編輯器的基礎(chǔ)規(guī)則設(shè)定）
- project manager【項目管理工具】
- AutoFileName【自動補全提示文件路徑】
- WakaTime【記錄編程時間】
- AdvancedNewFile【快速新建文件】
- Quote?HTML【html 拼接成 js 字符串】
- markdown preview【預(yù)覽 md 文件】
- Side?Bar?Enhancements【側(cè)邊欄增強工具】
語法高亮類
- babel（ES6, jsx 語法高亮）
- LESS（less 語法高亮）
- BracketHighlighter（符號高亮）
- scss （ scss 語法高亮）
- stylus （styls 語法高亮）
- TypeScript （typescript 語法高亮副瀑，語法提示）
- Vue Syntax Hightlight（vue 文件語法高亮 ）
# 配置
這里我只寫幾個配置項的解釋，詳細的配置可以查看 gistbox曹体。
進入配置文件修改的方式如下圖：
"translate_tabs_to_spaces": true // 開啟自動將Tab替換為空格
"trim_trailing_white_space_on_save": true // 開啟自動刪除行末空格
"ensure_newline_at_eof_on_save": true // 開啟保存文件時在文件末尾保留一個空行
"save_on_focus_lost": true // 開啟文件失去焦點立即保存
"highlight_line": true // 開啟光標所在行高亮
"bold_folder_labels": true // 開啟側(cè)邊欄文件夾名顯示加粗
# 常用快捷鍵
文章的最后俗扇，我貼幾個自己常用的快捷鍵硝烂，基本上是完全記住不需要查看快捷鍵表的那種箕别。
- open project :
ctrl + alt + P - 新建文件\文件夾：
ctrl + alt + n - 搜索內(nèi)容：
ctrl + f - 在文件內(nèi)搜索：
ctrl + alt + f - 替換內(nèi)容：
ctrl + n - 搜索文件：
ctrl + p - 跳轉(zhuǎn)到某一行：
ctrl + G - auto-spacing：
ctrl + shift + B - 預(yù)覽 .md 文件：
alt + m - html 轉(zhuǎn) js 字符串：
ctrl + alt + '或ctrl + alt + shift + ' - CSScomb:
ctrl + shift + c - pretty html\css\js:
ctrl + shift + h - pretty JSON:
ctrl + alt + j - 移動行：
ctrl + shift + c - 預(yù)覽 markdown：
alt+ m
