HBuilderX是一款功能強(qiáng)大好用的代碼編輯器,與IDE的完美結(jié)合,體積小,啟動(dòng)快,有很優(yōu)秀的文字處理能力,為用戶提供了高效的文字處理模型,簡(jiǎn)單易用。

軟件特色
1、輕巧
僅10M的綠色發(fā)行包
2、極速
不管是啟動(dòng)速度、大文檔打開(kāi)速度、編碼提示,都極速響應(yīng)
3、清爽護(hù)眼
界面清爽簡(jiǎn)潔,綠柔主題經(jīng)過(guò)科學(xué)的腦疲勞測(cè)試,是最適合人眼長(zhǎng)期觀看的主題界面
4、無(wú)鼠標(biāo)操作
掌握HX的無(wú)鼠標(biāo)操作體系,成為高效極客,飛一般編碼
5、markdown優(yōu)先
HX是唯一一個(gè)新建文件默認(rèn)類型是md的編輯器。
對(duì)于技術(shù)人員,我們強(qiáng)烈建議你以后不要使用記事本了,用markdown來(lái)替代txt。
本自述文件就是漂亮的markdown文檔,這是技術(shù)人員才能獨(dú)享的美:)
HX為md強(qiáng)化了Emmet、智能回車(chē)、智能縮進(jìn)、智能雙擊,擁有頂尖的markdown編寫(xiě)體驗(yàn)。
點(diǎn)【菜單幫助-markdown語(yǔ)法示例】,可快速掌握md及HX的強(qiáng)化技巧!
## 擴(kuò)展性
HX支持java插件、nodejs插件(需本機(jī)安裝java及node環(huán)境),通過(guò)外部命令,可以方便的調(diào)用各種命令行組件。不管是git、svn還是前端編譯,都可以通過(guò)配置外部命令調(diào)用,并設(shè)置快捷鍵。
## HX與HBuilder的關(guān)系
HX是全新的一個(gè)軟件,它拋棄了eclipse架構(gòu),使用C++為基礎(chǔ)架構(gòu)。
HX目前還不能完全替代HBuilder。但在markdown記事的場(chǎng)景下,是最佳的記事本升級(jí)工具。
除了頂尖的markdown編寫(xiě)體驗(yàn)、漂亮的著色外,HX的極速啟動(dòng)、多標(biāo)簽、熱退出、各種快捷鍵操作,都給了你充足的理由升級(jí)記事本工具。
使用方法
HBuilderX - 高效極客技巧
慣常來(lái)講,ide和編輯器是2個(gè)產(chǎn)品類別。
ide側(cè)重于某種語(yǔ)言的語(yǔ)法分析、提示、轉(zhuǎn)到定義、調(diào)試。
而編輯器則是對(duì)通用文本處理,但提供更高效的通用文本處理能力。
上一代HBuilder是一個(gè)典型的IDE,語(yǔ)言處理非常強(qiáng)大,但在字處理方面客觀講不如優(yōu)秀的編輯器。
而新的HBuilderX,定位是ide和編輯器的完美結(jié)合,那么HBuilderX就會(huì)提供世界頂級(jí)的高效字處理能力。
看完這些,你一定會(huì)驚嘆,原來(lái)極客是這么玩的。
免拖動(dòng)選擇
用鼠標(biāo)或拖著選中一片文本,是一個(gè)很容易讓食指抽筋的操作。尤其是觸摸板更痛苦。
但是背誦很多相關(guān)的快捷鍵也一樣痛苦。
HBuilderX提供了更友好方式:智能雙擊和Ctrl+=擴(kuò)大選區(qū)。
智能雙擊
下面是智能雙擊選中tag和包圍父tag的示例
1. 雙擊div的首或尾可以選中這個(gè)tag。當(dāng)然雙擊if、雙擊縮進(jìn)符、雙擊括號(hào)引號(hào)內(nèi)側(cè)...很多位置都可以通過(guò)智能雙擊選中。具體見(jiàn)HBuilder的選擇菜單。
2. 按Ctrl+]包圍,就可以在這個(gè)選區(qū)首尾加父標(biāo)簽,同時(shí)閃爍光標(biāo)。當(dāng)前在js里按下Ctrl+]不會(huì)包圍tag,而是包圍if、for等函數(shù)庫(kù)。
3. 輸入div即可在首尾添加包圍標(biāo)簽
擴(kuò)大選區(qū)Ctrl+=
=是+的默認(rèn)鍵位置,所以Ctrl+=其實(shí)就是Ctrl鍵和+號(hào)一起按下。
在HBuilderX里可以智能的判斷選區(qū)范圍,持續(xù)擴(kuò)大選區(qū),無(wú)鼠標(biāo)快速選中你需要的選區(qū)。
反包圍
上面講到包圍,也自然有反包圍。
1. 雙擊tag p開(kāi)頭,選中該tag。
2. 按反包圍Ctrl+Shift+],可去掉tag p并自動(dòng)處理子節(jié)點(diǎn)的縮進(jìn)。
這里多提一句HBuilderX的快捷鍵理念,就是符號(hào)化,而不是字母化。
很多工具的快捷鍵都是控制鍵+功能英文單詞中的一個(gè)字母,這個(gè)是極難記憶的。
符號(hào)化讓快捷鍵的記憶變簡(jiǎn)單,比如Ctrl+]是包圍。
而反操作或增強(qiáng)操作一般是加Shift,比如Ctrl+Shift+]是反包圍。
選中相同語(yǔ)法詞
下圖中,使用普通的選擇相同詞,會(huì)把所有div都選中。但使用Ctrl+Shift+e(mac是Command+Shift+d),會(huì)智能識(shí)別語(yǔ)法,剔除不相干的詞。
下圖按下Ctrl+Shift+e同時(shí)選中tag首尾的div,而不會(huì)選中子節(jié)點(diǎn)的div。
然后就可以方便的將原div改名為p
選擇一個(gè)括號(hào)時(shí),也可以使用選中相同語(yǔ)法詞,來(lái)選中對(duì)應(yīng)的另一個(gè)括號(hào)
交換選區(qū)內(nèi)容
當(dāng)需要交互2個(gè)選區(qū)的內(nèi)容時(shí),選中a、剪切、點(diǎn)b前面、粘貼、選中b、找到之前a的位置點(diǎn)擊、粘貼...這么長(zhǎng)的操作太低效。
來(lái)看HBuilderX的Ctrl+Shift+x交互選區(qū),也就是Ctrl+x的增強(qiáng)版。
1. 雙擊第1個(gè)style屬性后的引號(hào)內(nèi)側(cè),可選中引號(hào)內(nèi)容。
2. 按下Ctrl后繼續(xù)雙擊第2個(gè)style屬性后的引號(hào)內(nèi)側(cè),可選中2個(gè)引號(hào)內(nèi)的選區(qū)。
3. 按下Ctrl+Shift+x,交換style屬性的內(nèi)容。
如果不選擇內(nèi)容,光標(biāo)放置到2行,可直接交換這2行的內(nèi)容,如下圖
撤銷最后一個(gè)多選區(qū)或多光標(biāo)
選區(qū)選多了或選錯(cuò)了,不用擔(dān)心要重頭選,Ctrl+Shift+z不是撤銷編輯內(nèi)容,而是撤銷最后一個(gè)選區(qū)。
1. 雙擊選中class
2. 按Ctrl+e選中相同詞
3. 按Ctrl+Shift+z,不再選中最后一個(gè)詞。
批量合并行
下圖示例,是把css合并為一行時(shí)的快捷操作
1. 雙擊{內(nèi)側(cè)選中class
2. 按Ctrl+雙擊選中另一個(gè)class
3. 按反格式化Ctrl+Shift+k,可以把每個(gè)css的區(qū)塊代碼都合并為一行
Ctrl+k是格式化代碼,那么Ctrl+Shift+k就是合并為一行。
同時(shí)注釋if段首尾
if塊的調(diào)整很常見(jiàn),除了包圍、反包圍外,常用操作還有同時(shí)注釋掉if段首尾。
1. 雙擊if選中if代碼塊
2. 按Ctrl+\在選區(qū)首尾加光標(biāo),變成多光標(biāo)模式
3. 按Ctrl+/注釋掉選區(qū)首尾 行
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版
















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


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