hbuilderx軟件是HBuilder的下一代版本，也是專為編程工作人員使用的一款網(wǎng)頁前端開發(fā)工具，非常的輕巧，僅僅只有10M的綠色發(fā)行包，不管是啟動速度、文檔打開速度，還是編碼提示都飛快，C++的架構(gòu)性能遠超Java或Electron架構(gòu)，是輕如編輯器、強如IDE的合體版本。軟件功能非常強大，對vue做了大量的優(yōu)化投入，用戶如果打開的是vue文件，就會自動掛載vue語法庫， 如果是HTML文件里引用vue框架，只要點擊平臺內(nèi)的語法提示庫，選擇vue語法庫即可，開發(fā)體驗遠超其他開發(fā)工具。同時，hbuilderx電腦版支持小程序的開發(fā)優(yōu)化，如開發(fā)uni-app、小程序、快應(yīng)用等項目，給用戶提供更加高效的工具。軟件擁有markdown支持、語法提示、多光標(biāo)、智能雙擊、json支持等等功能，有需要的用戶趕緊來本站下載體驗吧。
軟件特色
1、輕巧
僅50余M的綠色發(fā)行包(不含插件)
2、極速
不管是啟動速度、大文檔打開速度、編碼提示，都極速響應(yīng)
C++的架構(gòu)性能遠超Java或Electron架構(gòu)
3、vue開發(fā)強化
`HX`對vue做了大量優(yōu)化投入，開發(fā)體驗遠超其他開發(fā)工具
4、小程序支持
國外開發(fā)工具沒有對中國的小程序開發(fā)優(yōu)化，`HX`可開發(fā)`uni-app`或`小程序`、`快應(yīng)用`等項目，為國人提供更高效工具
5、markdown利器
`HX`是唯一一個新建文件默認類型是markdown的編輯器，也是對md支持最強的編輯器
`HX`為md強化了眾多功能，請**務(wù)必點擊**【菜單-幫助-markdown語法示例】，快速掌握md及`HX`的強化技巧！
6、清爽護眼
HX的界面比其他工具更清爽簡潔，綠柔主題經(jīng)過科學(xué)的腦疲勞測試，是最適合人眼長期觀看的主題界面
7、強大的語法提示
`HX`是中國唯一一家擁有自主IDE語法分析引擎的公司，對前端語言提供準(zhǔn)確的代碼提示和轉(zhuǎn)到定義(Alt+鼠標(biāo)左鍵)
8、高效極客工具
更強大的多光標(biāo)、智能雙擊...讓字處理的效率大幅提升
9、更強的json支持
現(xiàn)代js開發(fā)中大量json結(jié)構(gòu)的寫法，`HX`提供了比其他工具更高效的操作
10、擴展性
`HX`支持java插件、nodejs插件，并兼容了很多vscode的插件及代碼塊。
還可以通過外部命令，方便的調(diào)用各種命令行功能，并設(shè)置快捷鍵。
hbuilderx軟件使用教程
一、介紹
1、執(zhí)著于更快一步的理念，hx的左側(cè)項目管理器是單擊響應(yīng)而不是雙擊。
2、單擊展開目錄，單擊預(yù)覽文件，雙擊打開文件。
3、預(yù)覽文件時頂部標(biāo)簽卡是斜體的，此時繼續(xù)預(yù)覽其他文件會替換預(yù)覽標(biāo)簽卡。雙擊文件后標(biāo)簽卡為正體，不會被替換。預(yù)覽的文件一旦開始編輯，也會自動變?yōu)檎酱蜷_狀態(tài)。
4、項目管理器默認是不顯示圖標(biāo)的，可以將鼠標(biāo)移到項目管理器區(qū)域，右上角會懸浮菜單，在里面可以選擇顯示圖標(biāo)
5、HBuilderX支持業(yè)內(nèi)多種圖標(biāo)插件，可以在工具-插件安裝中找到更多圖標(biāo)插件。
6、hx的文件保存是免丟失的，并且有熱退出功能。所謂熱退出，就是關(guān)閉hx時不要保存文件。再次打開時仍然是之前的狀態(tài)。未保存的文件也會繼續(xù)原樣展現(xiàn)。
7、hx默認帶有每30秒保存一次臨時文件的策略（可以在設(shè)置里調(diào)節(jié)時間間隔）
8、不管是關(guān)閉hx，還是斷電、崩潰，臨時文件始終會自動保存。
9、前端預(yù)編譯型語言越來越多，每次保存都觸發(fā)編譯比較消耗資源，有了hx，可以專注寫代碼而不需要隔一會按一下ctrl+s，需要編譯時再保存，或編輯多個文件后按ctrl+alt+s全部保存。
二、語法提示
擁有自研的世界級語法分析引擎一直是HBuilder系列產(chǎn)品傲視業(yè)內(nèi)的資本。 但前端框架眾多，框架的語法提示需要加載單獨的語法提示庫。
框架語法提示庫是在頁面的右下角選擇。
注意：
1、框架語法庫是掛在項目下的，一個項目加載了一個框架語法庫后，這個項目下所有js文件或HTML文件都會在代碼助手提示這個框架的語法。
2、但如果一個文件是單獨從硬盤打開，沒有整項目拖入hx，那么此時無法加載框架語法庫。
三、 代碼助手
hx的代碼助手，可以按alt+數(shù)字選擇直接選擇某個項目，類似中文輸入法數(shù)字選詞
四、語法幫助
光標(biāo)放到某api處，按下F1，就可跳轉(zhuǎn)到這個api的官方手冊。目前支持vue、uni-app、5+等api
注：此功能僅適用于2.5.7以下版本，2.5.7.20200116-alpha+版本，按F1查看幫助文檔，改為打開外部瀏覽器，避免對邊改邊看造成影響
五、編輯器與項目管理器的同步
hx默認是打開的標(biāo)簽卡和項目管理器自動關(guān)聯(lián)，切換標(biāo)簽卡時項目管理器也會跟隨變化，如不需要此功能，可以將鼠標(biāo)移到項目管理器區(qū)域，右上角會懸浮菜單，在里面可以取消“與編輯器同步”。
一般多項目時建議取消同步功能。
取消同步后，如需手動定位標(biāo)簽卡所在的項目，可以對編輯器點右鍵-“在項目管理器中定位”。
六、多光標(biāo)
1、hx支持多光標(biāo)，按 ctrl+鼠標(biāo)左鍵 就可增加一個光標(biāo)，ctrl+鼠標(biāo)右鍵 可取消一個光標(biāo)或選區(qū)。
2、還可以選擇相同詞。ctrl+e (mac是cmd+d)可選中相同的詞做批處理。
七、列選擇
hx的列選擇，是alt+鼠標(biāo)拖選。或者用快捷鍵ctrl+alt+↑或↓。
八、選擇編碼、著色高亮
當(dāng)你打開一個不認識的文檔時，即hx的無法高亮著色，可以在右下角選擇使用其他編輯器打開。
當(dāng)你打開一個文件編碼錯亂，產(chǎn)生亂碼時，也可以在右下角選擇編碼重新打開。
九、轉(zhuǎn)到定義
轉(zhuǎn)到定義是非常常用的功能，普通編輯器不長于此，只能猜單詞跳轉(zhuǎn)。
HBuilderX有強大的語法分析引擎，可以準(zhǔn)確的跳轉(zhuǎn)定義位置。
轉(zhuǎn)到定義的快捷鍵是Alt+d，鼠標(biāo)操作是alt+左鍵單擊（注意不是ctrl，因為ctrl留給了多光標(biāo)）
而HBuilderX還有一個特色是轉(zhuǎn)到定義到分欄，ctrl+alt+左鍵，可以把一個定義處的代碼打開在另一側(cè)，方便共同查看
如何回到上一個光標(biāo)位置？
在HBuilderX中，Alt+Left或點擊工具欄上的<, 即可回到上一個光標(biāo)位置。
備注：支持切換【Ctrl+鼠標(biāo)左鍵】或【Alt+鼠標(biāo)左鍵】進行轉(zhuǎn)到定義 （菜單【選擇】，最后一個菜單）。
十、文件快速打開
在頂部工具欄直接搜索工程下的文件名并打開，或者使用快捷鍵ctrl+p。
比較常用的文件，可以在工具欄里添加到收藏夾。
ctrl+p也是標(biāo)簽卡管理的重要工具，屏幕窄看不清左右打開的標(biāo)簽時，可以用它來瀏覽所有以打開的標(biāo)簽
十一、目錄內(nèi)搜索
項目管理器點右鍵，選：查找字符串(當(dāng)前目錄)，可在該目錄下所有文件中搜索字符串
十二、hx默認使用tab縮進，tab長度為4個空格。
如果你需要調(diào)整縮進長度，比如tab長度為2個空格，在工具設(shè)置-編輯器中調(diào)整。
如果不喜歡使用tab而喜歡使用空格，也可以在設(shè)置中調(diào)。注意這個調(diào)節(jié)只是編輯器里敲tab按鍵時轉(zhuǎn)為了空格，格式化時仍是tab。
調(diào)節(jié)格式化設(shè)置，參考菜單工具-插件配置。hx支持幾種格式化插件，他們都有自己的配置定義文件，請按插件配置中的說明修改設(shè)置。
比如格式化插件Formator-Prettier，它的配置文件為：【工具】【插件配置】【formator-frettier】【formator.config.js】
在菜單編輯-縮進中，可文件的縮進從tab轉(zhuǎn)空格或從空格轉(zhuǎn)tab。
十三、語法校驗
hx的語法校驗都是插件，在工具插件安裝中選擇各種校驗插件，不同語言的校驗插件不一樣。安裝校驗插件后，保存文件時會自動執(zhí)行語法校驗。
校驗概要結(jié)果會顯示在狀態(tài)欄，比如有2個錯誤（如下圖），可以按F4切換到不同的錯誤處，畫有紅波浪線（如下圖），鼠標(biāo)移到紅波浪線上會顯示具體的錯誤信息。
你也可以不保存，直接點菜單工具-驗證本文檔校驗語法 來進行校驗。
軟件亮點
1、代碼輸入法：按下數(shù)字快速選擇候選項
2、可編程代碼塊：一個代碼塊，少敲50個按鍵
3、內(nèi)置emmet：tab一下生成一串代碼
4、無死角提示：除了語法，還能提示ID、Class、圖片、鏈接、字體…
5、跳轉(zhuǎn)助手、選擇助手，不用鼠標(biāo)，手不離鍵盤
6、多種語言支持：php、jsp、ruby、python、nodejs等web語言，less、coffee等編譯型語言均支持
7、邊改邊看：一邊寫代碼，一邊看效果
更新日志
v4.45.2025010502版本
1、HBuilder
修復(fù) 語言服務(wù) 4.44版本引發(fā)的 uniapp項目下打開vue文件時語言服務(wù)偶現(xiàn)找不到getOptionsDiagnostics的bug
修復(fù) macOS 4.29版本引發(fā)的 導(dǎo)出wgt勾選對js/nvue文件進行原生混淆導(dǎo)出失敗的Bug
修復(fù) macOS 4.44版本引發(fā)的uniapp-cli項目運行到手機，部分電腦因無法獲取系統(tǒng)node路徑，導(dǎo)致一直卡在編譯中的Bug
新增 uni-app 運行到微信/百度/支付寶/抖音小程序開發(fā)者工具，支持關(guān)閉運行日志回顯到HBuilder控制臺
修復(fù) uni-app 4.44版本引發(fā)的 某些情況下，運行到微信小程序無法啟動開發(fā)者工具的Bug
修復(fù) uni-app 4.44版本引發(fā)的 運行到微信小程序，丟失之前保存的編譯模式的Bug
調(diào)整 HBuilderX設(shè)置 運行配置 uni-app編譯器設(shè)置，node啟動內(nèi)存參數(shù)默認值改為3072
2、uni-app
小程序平臺 修復(fù) 4.44版本引發(fā)的 vue3項目 部分 api 無法調(diào)用的Bug
微信小程序平臺 修復(fù) vue2 項目調(diào)用 getAppBaseInfo 報錯 Cannot read property 'replace' of undefined 的Bug
新增 uni-app 運行到鴻蒙真機時如果手機跟電腦端不在同一個局域網(wǎng)時會在控制臺窗口中輸出提示信息
3、uts插件
App-Android平臺 修復(fù) 4.41版本引發(fā)的 String.split 使用了 Kotlin 的 removeFirst/removeLast 擴展函數(shù)與 Android15 中的 Java 函數(shù)沖突
4、App插件(含5+App和uni-app的App端)
Android平臺 修復(fù) uni-ad 穿山甲&GroMore 靜默狀態(tài)下或在后臺運行可能會獲取MAC地址的問題
iOS平臺 修復(fù) 4.41版本引發(fā)的 uni-ad 某些場景下開屏廣告讀取緩存失敗導(dǎo)致展示率降低的Bug
