慣常來講，IDE和編輯器是2個產品類別。
IDE側重於某種語言的語法分析、提示、轉到定義、除錯。
而編輯器則是對通用文字處理，但提供更高效的通用文字處理能力。
上一代HBuilder是一個典型的IDE，語言處理非常強大，但在字處理方面客觀講不如優秀的編輯器。
而新的HBuilderX，定位是IDE和編輯器的完美結合，那麼HBuilderX就會提供世界頂級的高效字處理能力。
看完這些，你一定會驚歎，原來極客是這麼玩的。

免拖動選擇

用滑鼠或拖著選中一片文字，是一個很容易讓食指抽筋的操作。尤其是觸控板更痛苦。
但是背誦很多相關的快捷鍵也一樣痛苦。
HBuilderX提供了更友好方式：智慧雙擊和Ctrl+=擴大選區。

智慧雙擊

下面是智慧雙擊選中tag和包圍父tag的示例

1. 雙擊div的首或尾可以選中這個tag。當然雙擊if、雙擊縮排符、雙擊括號引號內側...很多位置都可以通過智慧雙擊選中。具體見HBuilder的選擇選單。
2. 按Ctrl+]包圍，就可以在這個選區首尾加父標籤，同時閃爍游標。當前在js裡按下Ctrl+]不會包圍tag，而是包圍if、for等函式庫。

3. 輸入div即可在首尾新增包圍標籤

擴大選區Ctrl+=

=是+的預設鍵位置，所以Ctrl+=其實就是Ctrl鍵和+號一起按下。

在HBuilderX裡可以智慧的判斷選區範圍，持續擴大選區，無滑鼠快速選中你需要的選區。

反包圍

上面講到包圍，也自然有反包圍。
1. 雙擊tag p開頭，選中該tag。

2. 按反包圍Ctrl+Shift+]，可去掉tag p並自動處理子節點的縮排。

這裡多提一句HBuilderX的快捷鍵理念，就是符號化，而不是字母化。
很多工具的快捷鍵都是控制鍵+功能英文單詞中的一個字母，這個是極難記憶的。
符號化讓快捷鍵的記憶變簡單，比如Ctrl+]是包圍。
而反操作或增強操作一般是加Shift，比如Ctrl+Shift+]是反包圍。

選中相同語法詞

1. 下圖中，使用普通的選擇相同詞，會把所有div都選中。但使用Ctrl+Shift+e（mac是Command+Shift+d），會智慧識別語法，剔除不相干的詞。
2. 下圖按下Ctrl+Shift+e同時選中tag首尾的div，而不會選中子節點的div。
3. 然後就可以方便的將原div改名為p

選擇一個括號時，也可以使用選中相同語法詞，來選中對應的另一個括號

交換選區內容

當需要互動2個選區的內容時，選中a、剪下、點b前面、貼上、選中b、找到之前a的位置點選、貼上...這麼長的操作太低效。
來看HBuilderX的Ctrl+Shift+x互動選區，也就是Ctrl+x的增強版。
1. 雙擊第1個style屬性後的引號內側，可選中引號內容。
2. 按下Ctrl後繼續雙擊第2個style屬性後的引號內側，可選中2個引號內的選區。
3. 按下Ctrl+Shift+x，交換style屬性的內容。

如果不選擇內容，游標放置到2行，可直接交換這2行的內容，如下圖

撤銷最後一個多選區或多游標

選區選多了或選錯了，不用擔心要重頭選，Ctrl+Shift+z不是撤銷編輯內容，而是撤銷最後一個選區。
1. 雙擊選中class
2. 按Ctrl+e選中相同詞
3. 按Ctrl+Shift+z，不再選中最後一個詞。

批量合併行

下圖示例，是把css合併為一行時的快捷操作
1. 雙擊{內側選中class
2. 按Ctrl+雙擊選中另一個class
3. 按反格式化Ctrl+Shift+k，可以把每個css的區塊程式碼都合併為一行
Ctrl+k是格式化程式碼，那麼Ctrl+Shift+k就是合併為一行。

同時註釋if段首尾

if塊的調整很常見，除了包圍、反包圍外，常用操作還有同時註釋掉if段首尾。
1. 雙擊if選中if程式碼塊
2. 按Ctrl+\在選區首尾加游標，變成多游標模式
3. 按Ctrl+/註釋掉選區首尾行


幫助開發者成為極客，一直是HBuilder的理念。HBuilderX更上一層樓。

願各位都能成為極客！歡迎轉發幫助更多的人成為極客！

官網地址：dcloud.io