HBuilderX官方版是一款專業(yè)優(yōu)秀的代碼編輯器。HBuilderX最新版是編輯器和IDE的完美結(jié)合,內(nèi)置了完善齊全的高效字處理模型,能夠幫助用戶快速高效的進(jìn)行代碼輸入。HBuilderX軟件支持代碼編輯器、調(diào)試器、性能分析工具和項目管理等功能,適用于開發(fā)Web、移動端和桌面應(yīng)用程序。

HBuilderX
官方版v4.64.2025042916人工檢測,安全無毒
53.68MB
簡體
WinAll
編程軟件
1629次
2025-05-09
90
軟件介紹
HBuilderX官方版是一款專業(yè)優(yōu)秀的代碼編輯器。HBuilderX最新版是編輯器和IDE的完美結(jié)合,內(nèi)置了完善齊全的高效字處理模型,能夠幫助用戶快速高效的進(jìn)行代碼輸入。HBuilderX軟件支持代碼編輯器、調(diào)試器、性能分析工具和項目管理等功能,適用于開發(fā)Web、移動端和桌面應(yīng)用程序。
軟件特色
輕巧、極速:
10M的綠色發(fā)行包。C++架構(gòu),啟動速度、大文檔打開速度、編碼提示,都極速響應(yīng)。
強(qiáng)大的語法提示:
一流的ast語法分析能力語法提示精準(zhǔn)、全面、細(xì)致,轉(zhuǎn)到定義、重構(gòu)完善
專為vue打造:
提供比其他工具更優(yōu)秀的vue支持,大幅提升你的vue開發(fā)效率
清爽護(hù)眼:
界面清爽簡潔,綠柔主題經(jīng)過科學(xué)的腦疲勞測試,最適合人眼長期觀看的主題界面。保護(hù)手腕,減緩鼠標(biāo)手。
高效極客操作:
HBuilderX對字處理提供了更崇高的支持。更強(qiáng)大的多光標(biāo)、智能雙擊、選區(qū)管理...讓文字處理的效率大幅提升。
markdown優(yōu)先:
HX是唯一一個新建文件默認(rèn)類型是markdown的編輯器,也是對md支持最強(qiáng)的編輯器,你甚至可以直接粘貼表格、圖片進(jìn)來。
軟件功能
1、HBuilderX是編輯器和IDE的完美結(jié)合的代碼編輯軟件,可以幫助用戶監(jiān)督有效的代碼編輯
2、該軟件普遍用于IDE開發(fā),可以用于網(wǎng)站頁面設(shè)計等等
3、HBuilderX是HBuilder的下一代產(chǎn)品,默認(rèn)包含優(yōu)秀的字處理能力、眾多其他編輯器不具備的高效字處理模型
4、通過該軟件用戶可以進(jìn)行簡單的H5界面開發(fā)
5、該軟件內(nèi)置有語法分析、語法高亮提示、轉(zhuǎn)到定義、調(diào)試等功能,可以幫助用戶進(jìn)行代碼調(diào)試
6、擁有智能回車、智能縮進(jìn)等markdown編寫功能
7、擁有軟件幫助指南,可以讓用戶快速掌握MD及hx使用技巧
8、支持軟件主題切換功能,可以讓用戶進(jìn)行軟件代碼編寫
使用方法
通常來講,ide和編輯器是2個產(chǎn)品類別。
ide側(cè)重于某種語言的語法分析、提示、轉(zhuǎn)到定義、調(diào)試。
而編輯器則是對通用文本處理,但提供更高效的通用文本處理能力。
上一代HBuilder是一個典型的IDE,語言處理非常強(qiáng)大,但在字處理方面客觀講不如優(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+]是包圍。
而反操作或增強(qiáng)操作一般是加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的增強(qiáng)版。
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ū)首尾 行
更新日志
修復(fù) 3.6.2引出的 HBuilderX 關(guān)閉標(biāo)簽卡,某些情況下出現(xiàn)閃退的Bug 詳情
修復(fù) 3.6.2引出的 Windows 內(nèi)置瀏覽器 手機(jī)設(shè)備模式 無法選擇元素的Bug
修復(fù) HBuilderX 代碼提示過程中切換到其它程序,某些情況下,代碼提示窗口會覆蓋在其它程序上面的Bug
修復(fù) 3.6.2引出的 語言服務(wù) uni-app CLI項目 px轉(zhuǎn)rpx失效的Bug 詳情
修復(fù) 3.6.2引出的 控制臺日志 某些類型的日志輸出錯誤的Bug
修復(fù) 3.6.2引出的 uni-app 運行到iOS模擬器,控制臺日志被截斷或輸出不全的Bug
修復(fù) 3.6.2引出的 uni-app 運行到Android模擬器,Windows上某些Android模擬器運行失敗的Bug
【uni-app插件】
小程序平臺 修復(fù) onReady 生命周期觸發(fā)兩次的Bug 詳情
App平臺 修復(fù) UniPush 2.0 在vue2項目中 啟用離線推送后,獲取不到 pushClientId 的Bug 詳情
【uniCloud插件】
【重要】新增 uni-starter 2.0版本發(fā)布,集成商用項目常見功能的云端一體應(yīng)用快速開發(fā)項目模版 詳情
【重要】新增 uni-admin 2.0版本發(fā)布,基于 uni-app 和 uniCloud 的應(yīng)用后臺管理的開源框架 詳情
uni-id-pages 新增 管理員注冊頁面,并提供配置項isAdmin區(qū)分是否為管理端 詳情
uni-id-pages 新增 登錄成功后三種自動跳轉(zhuǎn)行為;優(yōu)先級依次為:路由攜帶(uniIdRedirectUrl參數(shù)) > 返回上一路由 > 跳轉(zhuǎn)首頁 詳情
小編寄語
HBuilderX軟件擁有markdown支持、語法提示、多光標(biāo)、智能雙擊、json支持等等功能,支持小程序的開發(fā)優(yōu)化,如開發(fā)uni-app、小程序、快應(yīng)用等項目,滿足用戶的各種前端開發(fā)功能需求,讓開發(fā)工作更加方便快捷。
Python集成開發(fā)編程工具
專業(yè)版 v2023.1.1 / 120MB
1.1W 570 2023-10-08
開源服務(wù)軟件
最新版 V2.48.1 / 120MB
1.0W 524 2025-02-14
代碼生成工具
最新版 / 120MB
8.9K 446 2023-10-23
好用的圖形處理工具
官方免費版v5.5.1 / 120MB
8.8K 439 2024-07-15
Ruby集成開發(fā)環(huán)境
最新版 / 120MB
8.5K 426 2023-10-21
網(wǎng)站快速成型工具
官方版 v2.13.2 / 120MB
8.3K 416 2025-02-05
編程開發(fā)設(shè)計軟件
官方版 v2024.3.6 / 120MB
7.8K 390 2025-03-28
兒童圖形化編程學(xué)習(xí)軟件
官方版 v3.30.0 / 120MB
7.3K 366 2025-04-02
實用型商業(yè)數(shù)學(xué)軟件
中文版 vR2020a / 120MB
7.2K 362 2024-05-27
跨平臺代碼重構(gòu)工具
最新版 / 120MB
6.9K 343 2023-10-25
hbuilderx怎么設(shè)置div標(biāo)簽分欄顯示?hbuilderx設(shè)置div標(biāo)簽分欄顯示教程
372 2023-11-21
hbuilderx編輯字體英文怎么設(shè)置為Consolas?hbuilderx編輯字體英文設(shè)置為Consolas教程
440 2023-11-21
hbuilderx怎么切換uniapp項目空間商?hbuilderx切換uniapp項目空間商教程
190 2023-11-21
hbuilderx怎么加入圖片?hbuilderx加入圖片教程
125 2023-11-09
hbuilderx怎么顯示左邊目錄文件?hbuilderx顯示左邊目錄文件教程
162 2023-11-09