HbuilderX蘋(píng)果電腦版

HbuilderX mac版是一款由DCloud開(kāi)發(fā)的跨平臺(tái)前端開(kāi)發(fā)工具。它集成了代碼編輯器、調(diào)試器、性能分析工具和項(xiàng)目管理功能，可用于開(kāi)發(fā)Web、移動(dòng)端和桌面應(yīng)用程序。 HBuilderX提供了豐富的功能，包括代碼自動(dòng)完成、語(yǔ)法高亮、代碼片段、調(diào)試功能和版本控制等。它支持多種技術(shù)棧和框架，如HTML、CSS、JavaScript、Vue.js、React等，并且可與各種第三方插件和擴(kuò)展集成，進(jìn)一步擴(kuò)展其功能。 HBuilderX還提供了一套完整的移動(dòng)應(yīng)用程序開(kāi)發(fā)工具鏈，可以方便地構(gòu)建和調(diào)試移動(dòng)應(yīng)用程序，并支持實(shí)時(shí)預(yù)覽、調(diào)試和打包發(fā)布等功能。 總之，HbuilderX mac版是一款功能強(qiáng)大、易于使用的前端開(kāi)發(fā)工具，適用于開(kāi)發(fā)Web、移動(dòng)端和桌面應(yīng)用程序，提供了豐富的功能和良好的開(kāi)發(fā)體驗(yàn)。

HbuilderX蘋(píng)果電腦版功能

1、智能雙擊

雙擊div的首或尾可以選中這個(gè)tag。當(dāng)然雙擊if、雙擊縮進(jìn)符、雙擊括號(hào)引號(hào)內(nèi)側(cè)...很多位置都可以通過(guò)智能雙擊選中。

2、擴(kuò)大選區(qū)Ctrl+=

=是+的默認(rèn)鍵位置，所以Ctrl+=其實(shí)就是Ctrl鍵和+號(hào)一起按下。

3、反包圍

按反包圍Ctrl+Shift+]，可去掉tag p并自動(dòng)處理子節(jié)點(diǎn)的縮進(jìn)。

4、選中相同語(yǔ)法詞

使用普通的選擇相同詞，會(huì)把所有div都選中，但使用Ctrl+Shift+e（mac是Command+Shift+d），會(huì)智能識(shí)別語(yǔ)法，剔除不相干的詞。

5、交換選區(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)版。

6、撤銷(xiāo)最后一個(gè)多選區(qū)或多光標(biāo)

選區(qū)選多了或選錯(cuò)了，不用擔(dān)心要重頭選，Ctrl+Shift+z不是撤銷(xiāo)編輯內(nèi)容，而是撤銷(xiāo)最后一個(gè)選區(qū)。

7、批量合并行

按反格式化Ctrl+Shift+k，可以把每個(gè)css的區(qū)塊代碼都合并為一行，Ctrl+k是格式化代碼，那么Ctrl+Shift+k就是合并為一行。

8、同時(shí)注釋if段首尾

if塊的調(diào)整很常見(jiàn)，除了包圍、反包圍外，常用操作還有同時(shí)注釋掉if段首尾。

軟件特色

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)類(lèi)型是md的編輯器。

對(duì)于技術(shù)人員，我們強(qiáng)烈建議你以后不要使用記事本了，用markdown來(lái)替代txt。

本自述文件就是漂亮的markdown文檔，這是技術(shù)人員才能獨(dú)享的美。

HX為md強(qiáng)化了Emmet、智能回車(chē)、智能縮進(jìn)、智能雙擊，擁有頂尖的markdown編寫(xiě)體驗(yàn)。

6、擴(kuò)展性

HX支持java插件、nodejs插件（需本機(jī)安裝java及node環(huán)境），通過(guò)外部命令，可以方便的調(diào)用各種命令行組件。不管是git、svn還是前端編譯，都可以通過(guò)配置外部命令調(diào)用，并設(shè)置快捷鍵。

7、HX與HBuilder的關(guān)系

HX是全新的一個(gè)軟件，它拋棄了eclipse架構(gòu)，使用C++為基礎(chǔ)架構(gòu)。

HX目前還不能完全替代HBuilder，但在markdown記事的場(chǎng)景下，是最佳的記事本升級(jí)工具。

快捷鍵

1.文件(4)

新建 Ctrl + N

關(guān)閉 Ctrl + F4

全部關(guān)閉 Ctrl + Shift + F4

屬性 Alt + Enter

2.編輯(13)

激活代碼助手 Alt + /

激活快捷鍵視圖 Ctrl + Shift + L

開(kāi)啟關(guān)閉注釋整行 Ctrl + /

開(kāi)啟關(guān)閉注釋已選內(nèi)容 Ctrl + Shift + /

刪除當(dāng)前行 Ctrl + D

刪除當(dāng)前標(biāo)簽 Ctrl + Shift + T

刪除至行首 Shift + Backspace

刪除至行尾 Shift + del

合并下一行 Ctrl + Alt + J

整理代碼格式 Ctrl + Shift + F

向下移動(dòng)行 Ctrl + 向下

向上移動(dòng)行 Ctrl + 向上

選中當(dāng)前行 Ctrl + L

3.插入(3)

重復(fù)插入當(dāng)前行或選中區(qū)域 Ctrl + Shift + R

快速插入

(在html中) Shift + Enter

快速插入\n(在css或js中) Shift + Enter

4.選擇(4)

向左選詞 Ctrl + Shift + 向左

向右選詞 Ctrl + Shift + 向右

選擇相同詞 Ctrl + Shift + A

選擇成對(duì)內(nèi)容 Ctrl + ‘[‘

5.跳轉(zhuǎn)(9)

上一個(gè)選項(xiàng)卡 Ctrl + Tab

前一詞 Ctrl + 向左

后一詞 Ctrl + 向右

轉(zhuǎn)到上一個(gè)文本輸入點(diǎn) Alt + 向上

轉(zhuǎn)到下一個(gè)文本輸入點(diǎn) Alt + 向下

行首 Home

行尾 End

頁(yè)首 Ctrl + Home

頁(yè)尾 Ctrl + End

6.查找(8)

搜索條 Ctrl + F

搜索框 Ctrl + H

查找文件 Ctrl + T

隱藏搜索條 ESC

聚焦到搜索條件框內(nèi) Ctrl + Alt + F

聚焦到替換輸入框內(nèi) Ctrl + Alt + E

在搜索條內(nèi)換行 Alt +Enter

HTML標(biāo)簽規(guī)范 Ctrl + Shift + H

7.運(yùn)行(1)

運(yùn)行 Ctrl + R

8.工具(1)

CSS/HTML語(yǔ)法校驗(yàn) Ctrl + Shift + V

9.視圖(6)

活動(dòng)視圖或編輯器最大化 Ctrl + M

顯示行號(hào)菜單 Ctrl + F10

激活邊看邊改視圖 Ctrl + P

激活開(kāi)發(fā)視圖 Ctrl + Shift + P

全部折疊 Ctrl + Alt + -

全部展開(kāi) Ctrl + Alt + +

更新日志

v4.57.2025032507版本

uni-app

MP-Harmony平臺(tái) 新增 鴻蒙元服務(wù)支持 vue2 項(xiàng)目類(lèi)型

App插件(含5+App和uni-app的App端)

【重要】Android平臺(tái) 修復(fù) 4.51版本引發(fā)的 部分設(shè)備啟動(dòng)白屏或停留在啟動(dòng)界面無(wú)法啟動(dòng)的Bug。請(qǐng)使用該版本打包過(guò)的開(kāi)發(fā)者盡快升級(jí)重新打包