hbuilderx官（guān）方免（miǎn）費下載-HBuilderX開（kāi）發工具3.5.3.20220729 官方版手遊最新版本

軟件特色

1、輕巧

僅10M的綠色發行包（bāo）

2、極速

不管是啟動速度、大（dà）文檔（dàng）打開速度、編碼提（tí）示，都極（jí）速（sù）響（xiǎng）應

3、清爽護眼

界麵清爽簡潔，綠柔主題經過科（kē）學的腦疲勞測試，是最適合人眼長期觀看的主題界麵

4、無鼠標操（cāo）作

掌握HX的無鼠（shǔ）標操作體係，成為高效極客，飛一（yī）般編（biān）碼

5、markdown優先

HX是唯一一（yī）個新建文件默認類型是md的編輯器。

對於技術人員（yuán），我（wǒ）們強烈建議你以後不要使用記事本了，用markdown來替代txt。

本（běn）自述文件就是（shì）漂亮的（de）markdown文檔，這是技術人（rén）員才能獨享的美:)

HX為md強化了Emmet、智能回車、智（zhì）能（néng）縮進、智能雙擊，擁有頂尖的markdown編寫體驗。

點【菜單幫助-markdown語法（fǎ）示例】，可快速掌握md及（jí）HX的強化技巧！

##擴展性

HX支持java插件（jiàn）、nodejs插件（需本機安裝java及（jí）node環境），通過（guò）外部命令，可以方便的調用各種命令行組件。不管是（shì）git、svn還是前端編譯，都可以通過配置外部命令（lìng）調用（yòng），並設置快捷（jié）鍵。

##HX與HBuilder的關係（xì）

HX是全新的一個軟件，它拋棄了eclipse架構，使用C++為基礎架構。

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

除了頂尖的markdown編寫體（tǐ）驗、漂（piāo）亮（liàng）的著色外，HX的（de）極速啟動、多標簽、熱退出、各種快捷鍵操作，都給了（le）你充足的理由升級記事本工具。

HBuilderX是一款功能強大好用的代碼編輯器，與IDE的完（wán）美（měi）結合，體積小，啟動快，有很優秀的文字處理能力，為用戶提供了高效的文字處理模型，簡單易用（yòng）。

使用方法

HBuilderX-高效極客（kè）技巧Pixelart最新版下載（zǎi）中文版-Pixelart最（zuì）新安卓中文版7.5.0 中文版

慣常來講，ide和編輯器（qì）是2個產品類別。

ide側重於某種語言（yán）的語法分析（xī）、提示、轉到定義（yì）、調試。

而編輯器則是對通用文本處理，但提供更高效（xiào）的通用文本處理能力。

上一代HBuilder是一個典型的IDE，語言處理非常強大，但在字處（chù）理方麵客觀講不（bú）如優秀的編輯器。

而新的HBuilderX，定（dìng）位是ide和編輯器的完美結合，那麽HBuilderX就（jiù）會提供世界頂級的高效字處理能力。

看完這些，你一定會驚歎，原來極客是這麽玩的。

免拖（tuō）動選擇

用鼠標或（huò）拖著選中一片文本，是一個很容易讓（ràng）食指抽筋的操作。尤（yóu）其是觸摸板更痛苦。

但是背誦很多相關的快捷鍵也一（yī）樣痛苦。

HBuilderX提供了更友好方式：智能雙擊和Ctrl+=擴大選區。

智能雙擊

下麵是智能雙擊選中（zhōng）tag和包圍父tag的示例

1.雙擊div的（de）首或尾可以選中這個tag。當然雙擊if、雙擊縮進符、雙擊括號引號內側...很（hěn）多位置都可以通過智能雙擊選中。具體見HBuilder的選擇菜單。

2.按（àn）Ctrl+]包圍，就可以在這個選區首尾加父標簽，同時閃爍光標。當前在js裏按下Ctrl+]不會包圍tag，而是包圍if、for等函數庫。

3.輸入div即可在首尾（wěi）添加包圍標簽

擴（kuò）大選區Ctrl+=

=是+的默認鍵位置，所以Ctrl+=其實就（jiù）是Ctrl鍵和+號一起按下。

在HBuilderX裏可以智能的判斷（duàn）選區範圍，持續擴（kuò）大選區，無鼠標（biāo）快速選中你需（xū）要的選區。

反包圍

上麵講到包圍，也自然有反包圍。

1.雙擊tagp開頭，選中該（gāi）tag。

2.按（àn）反包圍Ctrl+Shift+]，可去掉（diào）tagp並自動（dòng）處理子節點的（de）縮進。

這裏多提一句HBuilderX的快捷鍵理念，就是符號化，而不是字母化。

很多工具的快捷鍵都是控（kòng）製鍵+功能英文單詞中的一個字母，這個（gè）是極難（nán）記憶的。

符號化讓快捷鍵的記（jì）憶變簡單，比（bǐ）如Ctrl+]是包圍。

而反操作或增強操作一般是加Shift，比如Ctrl+Shift+]是反包圍。

選中相同語法詞

下圖中，使用普通的選擇相同詞，會把所有div都（dōu）選中。但使用Ctrl+Shift+e（mac是Command+Shift+d），會智能識別語法（fǎ），剔除不（bú）相幹的詞。

下圖按下Ctrl+Shift+e同時選中tag首（shǒu）尾的div，而不會選中子節點的div。

然後就可以方便的將原div改名為p

選擇一個括號時，也可以使（shǐ）用選中相同語（yǔ）法詞，來選中對應的另一個括號

交（jiāo）換（huàn）選（xuǎn）區內（nèi）容

當需要交互2個（gè）選區的內容（róng）時，選中a、剪切、點b前麵、粘貼、選中b、找（zhǎo）到（dào）之前a的位置（zhì）點擊、粘貼...這麽長的操作太低效。

來看HBuilderX的Ctrl+Shift+x交互選區，也就是Ctrl+x的增強版。

1.雙擊第1個style屬性後的引號內側，可選中引號內容。

2.按下Ctrl後（hòu）繼續雙擊第2個style屬性後的引號內側，可（kě）選中2個（gè）引號內的選區。

3.按下Ctrl+Shift+x，交換style屬性的內容。

如果不選擇內容，光（guāng）標（biāo）放置到（dào）2行，可直接交換（huàn）這2行的內容，如下圖

撤銷最後一個多選區或多光標（biāo）

選區選多了或選錯了，不用擔心要重頭選，Ctrl+Shift+z不是撤銷編輯內（nèi）容，而是撤銷最（zuì）後一個選區。

1.雙擊選中class

2.按（àn）Ctrl+e選中（zhōng）相同（tóng）詞

3.按Ctrl+Shift+z，不再（zài）選中（zhōng）最後一個詞。

批量合並（bìng）行

下圖示例，是把css合並為一行時的快捷操作

1.雙擊{內側選中class

2.按Ctrl+雙擊選（xuǎn）中另一個class

3.按反格式化Ctrl+Shift+k，可以把每個css的區塊代碼都（dōu）合並為一行

Ctrl+k是格式化代碼，那麽Ctrl+Shift+k就（jiù）是合（hé）並為一行。

同時注釋（shì）if段首尾

if塊（kuài）的調整很常見（jiàn），除了包圍、反包圍外，常用操作還有（yǒu）同時注釋掉if段首尾。

1.雙擊if選中if代碼塊

2.按Ctrl+在選區（qū）首尾（wěi）加（jiā）光標，變成多光標模式

3.按Ctrl+/注釋掉選區首尾行