F2E合作社|讓Sublime幫忙整理程式碼


Posted by itiswonderfall on 2022-05-14

前言

相信很多人也都有程式碼潔癖,看它們沒有對齊就覺得渾身不舒服,我自己 coding 時習慣使用 Sublime ,所以試著想要找一些外掛讓自己上班的心情美麗一點( ?! ),後來發現原來軟體裡面本來就有「 Reindent 」功能,只要編輯好快速鍵,日後操作上就會很方便( 雙押 ),想上班保持好心情嗎?就算你繼續看下去也不會變好喔哈哈哈!

對齊

圖片來源

 


 

讓 Sublime 排版自動對齊的快速鍵

Sublime 本身就有對齊的工具 Edit -> Line -> Reindent

sublime對齊工具

差在沒有給這個指令快速鍵而已,所以我們只需要在 Preference -> Key Bindings 裡設定

Key Bindings

左邊視窗不用理會,只要在右邊加上自訂的快速鍵就好,比如要定義成: ctrl + shift + h ,那就在 [ ] 的裡面打上下面這段程式碼然後按下儲存( 注意最後面要加上逗號 )。

{ "keys": ["ctrl+shift+h"], "command": "reindent" },

自訂快速鍵

 


 

再來就可以實測看看囉,下面附上美妝常使用的 before & after 照片( 雖然有時候會失靈,但還沒找到好用又簡單安裝的方法前先擋著用 ):

before.

before

after.

after

 


 

參考資料

  1. Sublime Text 3 增加 格式化程式碼 快捷鍵

#f2e #F2E合作社 #sublime #排版自動對齊







Related Posts

[JavaScript ES6] Promise 以及 async await

[JavaScript ES6] Promise 以及 async await

JavaScript - 認識閉包

JavaScript - 認識閉包

[CMD101] Command Line 超新手入門--筆記

[CMD101] Command Line 超新手入門--筆記


Comments