HbuilderX蘋果電腦版

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

HbuilderX蘋果電腦版功能

1、智能雙擊

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

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

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

3、反包圍

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

4、選中相同語法詞

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

5、交換選區(qū)內(nèi)容

當(dāng)需要交互2個選區(qū)的內(nèi)容時，選中a、剪切、點(diǎn)b前面、粘貼、選中b、找到之前a的位置點(diǎn)擊、粘貼...這么長的操作太低效。來看HBuilderX的Ctrl+Shift+x交互選區(qū)，也就是Ctrl+x的增強(qiáng)版。

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

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

7、批量合并行

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

8、同時注釋if段首尾

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

軟件特色

1、輕巧

僅10M的綠色發(fā)行包。

2、極速

不管是啟動速度、大文檔打開速度、編碼提示，都極速響應(yīng)。

3、清爽護(hù)眼

界面清爽簡潔，綠柔主題經(jīng)過科學(xué)的腦疲勞測試，是最適合人眼長期觀看的主題界面。

4、無鼠標(biāo)操作

掌握HX的無鼠標(biāo)操作體系，成為高效極客，飛一般編碼。

5、markdown優(yōu)先

HX是唯一一個新建文件默認(rèn)類型是md的編輯器。

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

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

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

6、擴(kuò)展性

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

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

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

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

快捷鍵

1.文件(4)

新建 Ctrl + N

關(guān)閉 Ctrl + F4

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

屬性 Alt + Enter

2.編輯(13)

激活代碼助手 Alt + /

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

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

開啟關(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

向下移動行 Ctrl + 向下

向上移動行 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

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

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

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

前一詞 Ctrl + 向左

后一詞 Ctrl + 向右

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

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

行首 Home

行尾 End

頁首 Ctrl + Home

頁尾 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àn) Ctrl + Shift + V

9.視圖(6)

活動視圖或編輯器最大化 Ctrl + M

顯示行號菜單 Ctrl + F10

激活邊看邊改視圖 Ctrl + P

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

全部折疊 Ctrl + Alt + -

全部展開 Ctrl + Alt + +

更新日志

v4.15版本

HBuilder

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

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

uni-app 插件

Web平臺 修復(fù) 4.14版本引出的 因升級vue版本導(dǎo)致 部分事件監(jiān)聽報錯的Bug

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

Web平臺 修復(fù) 4.14版本引出的 因升級vite版本導(dǎo)致 ssr運(yùn)行報錯的Bug

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

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

uni-app-x

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

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

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

App-iOS平臺 新增 組件 textarea 支持 confirm-type 屬性

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

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

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

uniCloud插件

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