HBuilder X編輯器簡稱HX,是一款輕如編輯器、強如IDE的合體版本編輯器軟件,軟件非常的輕巧便捷,支持java插件、nodejs插件等,但需要安裝相關(guān)環(huán)境才能使用哦。

HBuilder X軟件亮點
【輕巧、極速】
10M的綠色發(fā)行包。
C++架構(gòu),啟動速度、大文檔打開速度、
編碼提示,都極速響應(yīng)。
【強大的語法提示】
一流的ast語法分析能力
語法提示精準(zhǔn)、全面、細(xì)致,
轉(zhuǎn)到定義、重構(gòu)完善
【專為vue打造】
提供比其他工具更優(yōu)秀的vue支持
大幅提升你的vue開發(fā)效率
【清爽護(hù)眼】
界面清爽簡潔,綠柔主題經(jīng)過科學(xué)的腦疲勞測試,
最適合人眼長期觀看的主題界面。
保護(hù)手腕,減緩鼠標(biāo)手。
【高效極客操作】
HBuilderX對字處理提供了更崇高的支持。
更強大的多光標(biāo)、智能雙擊、選區(qū)管理...
讓文字處理的效率大幅提升。
使用教程
HBuilderX - 高效極客技巧
慣常來講,ide和編輯器是2個產(chǎn)品類別。
ide側(cè)重于某種語言的語法分析、提示、轉(zhuǎn)到定義、調(diào)試。
而編輯器則是對通用文本處理,但提供更高效的通用文本處理能力。
上一代HBuilder是一個典型的IDE,語言處理非常強大,但在字處理方面客觀講不如優(yōu)秀的編輯器。
而新的HBuilderX,定位是ide和編輯器的完美結(jié)合,那么HBuilderX就會提供世界頂級的高效字處理能力。
看完這些,你一定會驚嘆,原來極客是這么玩的。
免拖動選擇
用鼠標(biāo)或拖著選中一片文本,是一個很容易讓食指抽筋的操作。尤其是觸摸板更痛苦。
但是背誦很多相關(guān)的快捷鍵也一樣痛苦。
HBuilderX提供了更友好方式:智能雙擊和Ctrl+=擴(kuò)大選區(qū)。
智能雙擊
下面是智能雙擊選中tag和包圍父tag的示例
1. 雙擊div的首或尾可以選中這個tag。當(dāng)然雙擊if、雙擊縮進(jìn)符、雙擊括號引號內(nèi)側(cè)...很多位置都可以通過智能雙擊選中。具體見HBuilder的選擇菜單。
2. 按Ctrl+]包圍,就可以在這個選區(qū)首尾加父標(biāo)簽,同時閃爍光標(biāo)。當(dāng)前在js里按下Ctrl+]不會包圍tag,而是包圍if、for等函數(shù)庫。
3. 輸入div即可在首尾添加包圍標(biāo)簽

擴(kuò)大選區(qū)Ctrl+=
=是+的默認(rèn)鍵位置,所以Ctrl+=其實就是Ctrl鍵和+號一起按下。
在HBuilderX里可以智能的判斷選區(qū)范圍,持續(xù)擴(kuò)大選區(qū),無鼠標(biāo)快速選中你需要的選區(qū)。

反包圍
上面講到包圍,也自然有反包圍。
1. 雙擊tag p開頭,選中該tag。
2. 按反包圍Ctrl+Shift+],可去掉tag p并自動處理子節(jié)點的縮進(jìn)。

這里多提一句HBuilderX的快捷鍵理念,就是符號化,而不是字母化。
很多工具的快捷鍵都是控制鍵+功能英文單詞中的一個字母,這個是極難記憶的。
符號化讓快捷鍵的記憶變簡單,比如Ctrl+]是包圍。
而反操作或增強操作一般是加Shift,比如Ctrl+Shift+]是反包圍。
選中相同語法詞
下圖中,使用普通的選擇相同詞,會把所有div都選中。但使用Ctrl+Shift+e(mac是Command+Shift+d),會智能識別語法,剔除不相干的詞。
下圖按下Ctrl+Shift+e同時選中tag首尾的div,而不會選中子節(jié)點的div。
然后就可以方便的將原div改名為p

選擇一個括號時,也可以使用選中相同語法詞,來選中對應(yīng)的另一個括號
交換選區(qū)內(nèi)容
當(dāng)需要交互2個選區(qū)的內(nèi)容時,選中a、剪切、點b前面、粘貼、選中b、找到之前a的位置點擊、粘貼...這么長的操作太低效。
來看HBuilderX的Ctrl+Shift+x交互選區(qū),也就是Ctrl+x的增強版。
1. 雙擊第1個style屬性后的引號內(nèi)側(cè),可選中引號內(nèi)容。
2. 按下Ctrl后繼續(xù)雙擊第2個style屬性后的引號內(nèi)側(cè),可選中2個引號內(nèi)的選區(qū)。
3. 按下Ctrl+Shift+x,交換style屬性的內(nèi)容。

如果不選擇內(nèi)容,光標(biāo)放置到2行,可直接交換這2行的內(nèi)容,如下圖

撤銷最后一個多選區(qū)或多光標(biāo)
選區(qū)選多了或選錯了,不用擔(dān)心要重頭選,Ctrl+Shift+z不是撤銷編輯內(nèi)容,而是撤銷最后一個選區(qū)。
1. 雙擊選中class
2. 按Ctrl+e選中相同詞
3. 按Ctrl+Shift+z,不再選中最后一個詞。

批量合并行
下圖示例,是把css合并為一行時的快捷操作
1. 雙擊{內(nèi)側(cè)選中class
2. 按Ctrl+雙擊選中另一個class
3. 按反格式化Ctrl+Shift+k,可以把每個css的區(qū)塊代碼都合并為一行
Ctrl+k是格式化代碼,那么Ctrl+Shift+k就是合并為一行。

同時注釋if段首尾
if塊的調(diào)整很常見,除了包圍、反包圍外,常用操作還有同時注釋掉if段首尾。
1. 雙擊if選中if代碼塊
2. 按Ctrl+\在選區(qū)首尾加光標(biāo),變成多光標(biāo)模式
3. 按Ctrl+/注釋掉選區(qū)首尾 行

聯(lián)系方式
若您對本工具有任何疑問、意見和建議,歡迎聯(lián)系我們:
網(wǎng)站:DCloud.io
微博:weibo.com/dhnetwork
- PC官方版
- 安卓官方手機版
- IOS官方手機版


















下載
uAPP Creator(安卓軟件制作工具)1.0.1 官方版
Java SE Development Kit 8 (JDK)v8.0.341 官方版
x64dbg(程序逆向反匯編修改神器)2022.07.27 簡體中文版
微信開發(fā)者工具小游戲版1.05.2204264 官方版
JetBrains DataGrip 2022 中文破解版221.5591.46 免費版
JetBrains CLion 2022 破解版221.5080.224 中文免費版
IntelliJ IDEA 2022.1 中文免費版221.5080.210 破解版
JetBrains PhpStorm 2022.1中文破解版221.5080.224 免費版
JetBrains Rider 2022.1.1 破解版221.5591.20 免費版
JetBrains RubyMine 2022.1 破解版221.5080.196 中文免費版
WebStorm2022破解版(WebStorm 2022.1)221.5080.193 免費版
goland2022破解版(GoLand 2022.1中文版)221.5080.224 免費版
pycharm2022破解版221.5080.212 中文免費版
python3.10.4官方版最新版
matlab r2022a中文破解版9.12.0 免費版
scala語言開發(fā)工具2.13.2 官方版
julia開發(fā)環(huán)境1.7.0 免費版
rust開發(fā)環(huán)境1.56.1 官方版
ruby編譯器(Ruby+Devkit)3.0.2 官方免費版
Komodo IDE 12 官方版12.0.1 最新版
aardio桌面軟件開發(fā)工具35.7.5 綠色最新版
慧編程電腦版5.4.0 最新版
編程貓定制課3.3.0 官方版
精易編程助手3.98 綠色免費版
python3.8.5穩(wěn)定版免費下載
ulang(木蘭編程語言)0.2.2官方免費版
小碼精靈編程電腦客戶端1.12.0官方最新版
易語言5.9.0 免費版
KRobot編程工具0.8.5 官方64位版


visual studio 2010 精簡版10.0.40219.1 sp
易語言6.5完美破解版綠色免費版
java class反編譯工具(Class反編譯工具jd-g
JetBrains PhpStorm 2017官方版2017.3.7 x6
vb6.0 win10版(Visual Basic win10)中文企業(yè)
APPCode(附注冊碼)3.3 Windows破解版
Aqua Data Studio18中文最新版
delphi xe(Embarcadero Rad Studio XE)15.0