kpman | code

Sublime Text 2

Sublime Text 2 是一套越來越火紅的編輯器,如果你是接觸網頁開發,想必對於這套軟體不陌生,以下分享幾個好用的技巧,都是我自己平常比較常使用的技巧,因為我本身是一個懶得看文件的人,所以就整理這篇與大家分享。

編輯環境

  1. Mac 10.7.5
  2. Sublime Text 2

我是使用 mac,所以快捷鍵就會是 command 的配置。

技巧介紹

一、Set Syntax

有發現你的 Sublime Text 2 右下角有你正在編輯的環境語言嗎?舉凡 JAVA、CSS、HTML5 等
比如說我現在要從 HTML5 切到 CSS 介面,除了由上方的 View->Sytax 切換外,可以利用快捷鍵

切換到 CSS 範例:

shift+command+p
鍵入sscss

Set Syntax

每一個 Color Scheme 都會針對不同的語言去做優化,因此值得學習。

二、HTML5 snippet

貼心的 Sublime Text 2 有內建 HTML5 的 snippet,方法如下:

! + tab
html:5 + tab

都可以達成 HTML5 快速生成已經預定的 snippet.

三、Multiple Selection 同時多個游標

按住command+點選你要的位置

推薦用在處理 Array 等結構重複性高的資料型態。

四、Column Selection 同時直行游標

按住option+按著滑鼠左鍵直行往下拖曳選取

推薦用在處理 html 等修改固定 class 或其他部分。

五、選取引號內字串

通常你都怎樣選取雙引號內的字串呢?"string"利用滑鼠從第一個引號拉到後面那個。

輸入:command + d 即可完成

六、分割畫面

有時候我時常左邊放 HTML 檔,右邊放 SCSS 檔,一邊看一邊編輯,這時候就要分割畫面。

輸入:command+option+數量

就可以把視窗分割成你要的數量。

七、貼上符合縮排

有時候從網站上複製一段 code,常常貼上的部份本身就有縮排,貼完卻只有第一行有縮排,其他跑到前面。

複製完後,輸入:shift+command+v

也就是在原本的貼上加上 shift 就可以解決!

reference

  1. up chen in 2013 JSDC
  2. Paste and Indent