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.15版本

HBuilder

修復(fù) 語(yǔ)言服務(wù) uni-app項(xiàng)目中使用"@/"形式的絕對(duì)路徑時(shí)，沒(méi)有代碼提示和語(yǔ)法校驗(yàn)報(bào)錯(cuò)的Bug

修復(fù) uni-app x manifest.json Android啟動(dòng)界面設(shè)置，當(dāng)splash圖為相對(duì)路徑時(shí)提交云端打包后圖片資源丟失的Bug

uni-app 插件

Web平臺(tái) 修復(fù) 4.14版本引出的 因升級(jí)vue版本導(dǎo)致 部分事件監(jiān)聽(tīng)報(bào)錯(cuò)的Bug

Web平臺(tái) 修復(fù) 4.14版本引出的 因升級(jí)vue版本導(dǎo)致 css內(nèi)使用v-bind且值包含rpx時(shí)無(wú)效的Bug

Web平臺(tái) 修復(fù) 4.14版本引出的 因升級(jí)vite版本導(dǎo)致 ssr運(yùn)行報(bào)錯(cuò)的Bug

App平臺(tái) 修復(fù) 4.14版本引出的 scroll-view下拉刷新樣式丟失的Bug

微信小程序平臺(tái) 修復(fù) 4.14版本引出的 因微信skyline支持 span 標(biāo)簽導(dǎo)致的編譯異常

uni-app-x

Web平臺(tái) 修復(fù) 4.14版本引出的 因升級(jí)vue版本導(dǎo)致 css內(nèi)使用v-bind且值包含rpx時(shí)無(wú)效的Bug

App-Android平臺(tái) 修復(fù) 組件 image 設(shè)置 mode 為 widthFix 在部分場(chǎng)景圖片顯示可能不完整的Bug

App-Android平臺(tái) 修復(fù) UniElement 獲取 offsetLeft 屬性值異常的Bug

App-iOS平臺(tái) 新增 組件 textarea 支持 confirm-type 屬性

App-iOS平臺(tái) 修復(fù) API $setPageStyle 動(dòng)態(tài)設(shè)置頁(yè)面容器背景色不生效的Bug

App-iOS平臺(tái) 修復(fù) API $setPageStyle page.json 中設(shè)置頁(yè)面 enablePullDownRefresh 為 false 時(shí)，無(wú)法通過(guò) $setPageStyle 方法動(dòng)態(tài)開(kāi)啟頁(yè)面下拉刷新的Bug

App-iOS平臺(tái) 修復(fù) API uni.setNavigationBarColor 傳入非法值時(shí)導(dǎo)航欄背景色變?yōu)榘咨腂ug

uniCloud插件

修復(fù) 4.14版本引出的 調(diào)用本地云函數(shù)時(shí)云函數(shù)調(diào)用其他云函數(shù)報(bào)錯(cuò)的Bug