“鐵須礪以成利器”——《書·說命上》孔傳
寫了近三年的代碼,估計也有上萬行了。期間換過幾種武器,目前覺得最順手的還是 sublime text3。說來原因也很簡單,最初使用低配的 PC 開發,多開幾個應用就卡的不要不要的,所以一直使用著流暢的 sublime text3。期間雖然試用過 VScode 和 Atom,都因為無法忍受其占用過多內存進而導致 PC 卡頓不已,而最終放棄了。也因此,現在才有了磨礪近三年、專屬于自己的一個 sublime text3。
# 關于 package control
Package Control —— sublime text3 的包管理工具,后面安裝的插件和主題都可以在這里找到介紹和配置方式。但是,sublime text3 默認是沒有安裝 Package Control 的,所以首先要安裝它。具體安裝方式在這個網頁有詳細介紹。這里只簡單提下步驟:
- 啟動 sublime text3 ,然后按住快捷鍵
crtl +`
[這個就是 Tab ??的那個鍵]。sublime text3 就會在底部彈出 console 區。 - 在 console 區輸入上面網頁里的一串 Python code。
- 最后,sublime text3 會自己安裝好 package control。
# 挑選主題
自古美人如玉劍如虹,sublime text3 的主題之豐富、質量之高,在眾 IDE 中估計是無人能及了??梢韵胍?,程序員們的審美需求很大,而且審美也很高。我挑了近兩年的主題,各種風格的都嘗試過,其中 material-theme 是我用的最久的一款,也是我認為美感和舒適度極佳的一款。下面放張官網扒的圖片:
不過我還要推薦一款我正在使用的主題——ayu:???? Modern Sublime Text 3 and 2 theme 。從主題設計者的介紹就知道這款主題更加現在化,從截圖則感受到了它的清爽、明快,整體配色豐富而不雜亂、以及和專用編程字體的搭配顯的它極為優雅。
# 小米加大炮
sublime text3 如同編程必須的小米一樣重要,但是沒有大炮加持也很難打下大片江山啊。所以,強勁的插件能夠讓 sublime text3 應對各種開發場景而游刃若有余地?!咀ⅲ褐幌耷岸碎_發常用插件】
那么如何安裝下面這些插件了?既然安裝了 Package Control ,那么通過 Package Control 來安裝管理這些插件就是易如反掌的事情了。
- step1 啟動 sublime text3 ,按住
ctrl + shift + p
。彈出如下命令欄:
- step2 如圖,輸入 ‘install package’ 或間寫幾個字母就能搜索出安裝命令,然后輸入插件的名稱就自動安裝。
格式優化類
- auto-spacing【自動添加盤古之白,至于什么是盤古之白,看這篇《為什麼你們就是不能加個空格呢?》】
- emmet【簡化 html 標簽的書寫,最少可以減少60%單詞的輸入,使用方式在官網有詳細介紹。而兼容 jsx 內的配置在 gistbox 】
- html-css-jsprettify(格式化 html、css、js 文件)
- CSScomb【css 屬性排列規則配置是采用 bootstrap css 屬性規則,配置在 gistbox 】
- pretty JSON (格式化 JSON 文件)
編輯器增強類
- DocBlockr【自動為文件添加注釋】
- FileDiffs(文件差異對比)
- EditorConfig【多人共同編程時統一多人編輯器的基礎規則設定)
- project manager【項目管理工具】
- AutoFileName【自動補全提示文件路徑】
- WakaTime【記錄編程時間】
- AdvancedNewFile【快速新建文件】
- Quote?HTML【html 拼接成 js 字符串】
- markdown preview【預覽 md 文件】
- Side?Bar?Enhancements【側邊欄增強工具】
語法高亮類
- 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 // 開啟側邊欄文件夾名顯示加粗
# 常用快捷鍵
文章的最后,我貼幾個自己常用的快捷鍵,基本上是完全記住不需要查看快捷鍵表的那種。
- open project :
ctrl + alt + P
- 新建文件\文件夾:
ctrl + alt + n
- 搜索內容:
ctrl + f
- 在文件內搜索:
ctrl + alt + f
- 替換內容:
ctrl + n
- 搜索文件:
ctrl + p
- 跳轉到某一行:
ctrl + G
- auto-spacing:
ctrl + shift + B
- 預覽 .md 文件:
alt + m
- html 轉 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
- 預覽 markdown:
alt+ m