HBuilderX mac版

HBuilderX mac版是程序員寫代碼最常用的編輯器之一，這款編輯器應(yīng)用范圍非常廣，你可以用于開發(fā)普通web項(xiàng)目，也可以開發(fā)DCloud出品的uni-app項(xiàng)目、5+App項(xiàng)目、wap2app項(xiàng)目。除了服務(wù)前端技術(shù)棧，它也可以通過插件支持php等其他語言。

產(chǎn)品特色：

輕巧、極速

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

C++架構(gòu)，啟動(dòng)速度、大文檔打開速度、編碼提示，都極速響應(yīng)。

強(qiáng)大的語法提示

一流的ast語法分析能力，語法提示精準(zhǔn)、全面、細(xì)致，轉(zhuǎn)到定義、重構(gòu)完善

專為vue打造

提供比其他工具更優(yōu)秀的vue支持

大幅提升你的vue開發(fā)效率

清爽護(hù)眼

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

保護(hù)手腕，減緩鼠標(biāo)手。

高效極客操作

HBuilderX對(duì)字處理提供了更崇高的支持。

更強(qiáng)大的多光標(biāo)、智能雙擊、選區(qū)管理...

讓文字處理的效率大幅提升。

比如你可以簡單的選中想要處理的多端文字區(qū)塊，方便的同時(shí)注釋掉不同行的一對(duì)tag或if塊首尾行。

markdown優(yōu)先

HX是唯一一個(gè)新建文件默認(rèn)類型是markdown的編輯器，也是對(duì)md支持最強(qiáng)的編輯器，你甚至可以直接粘貼表格、圖片進(jìn)來。

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

入門教程：

1. 介紹

執(zhí)著于更快一步的理念，hx的左側(cè)項(xiàng)目管理器是單擊響應(yīng)而不是雙擊。

單擊展開目錄，單擊預(yù)覽文件，雙擊打開文件。

預(yù)覽文件時(shí)頂部標(biāo)簽卡是斜體的，此時(shí)繼續(xù)預(yù)覽其他文件會(huì)替換預(yù)覽標(biāo)簽卡。雙擊文件后標(biāo)簽卡為正體，不會(huì)被替換。預(yù)覽的文件一旦開始編輯，也會(huì)自動(dòng)變?yōu)檎�式打開狀態(tài)。

項(xiàng)目管理器默認(rèn)是不顯示圖標(biāo)的，可以將鼠標(biāo)移到項(xiàng)目管理器區(qū)域，右上角會(huì)懸浮菜單，在里面可以選擇顯示圖標(biāo)。HBuilderX支持業(yè)內(nèi)多種圖標(biāo)插件，可以在工具-插件安裝中找到更多圖標(biāo)插件。

hx的文件保存是免丟失的，并且有熱退出功能。所謂熱退出，就是關(guān)閉hx時(shí)不要保存文件。再次打開時(shí)仍然是之前的狀態(tài)。未保存的文件也會(huì)繼續(xù)原樣展現(xiàn)。

hx默認(rèn)帶有每30秒保存一次臨時(shí)文件的策略（可以在設(shè)置里調(diào)節(jié)時(shí)間間隔）

不管是關(guān)閉hx，還是斷電、崩潰，臨時(shí)文件始終會(huì)自動(dòng)保存。

前端預(yù)編譯型語言越來越多，每次保存都觸發(fā)編譯比較消耗資源，有了hx，可以專注寫代碼而不需要隔一會(huì)按一下ctrl+s，需要編譯時(shí)再保存，或編輯多個(gè)文件后按ctrl+alt+s全部保存。

2. 語法提示

擁有自研的世界級(jí)語法分析引擎一直是HBuilder系列產(chǎn)品傲視業(yè)內(nèi)的資本。
但前端框架眾多，框架的語法提示需要加載單獨(dú)的語法提示庫。

框架語法提示庫是在頁面的右下角選擇。（如下圖示例）

注意：

框架語法庫是掛在項(xiàng)目下的，一個(gè)項(xiàng)目加載了一個(gè)框架語法庫后，這個(gè)項(xiàng)目下所有js文件或HTML文件都會(huì)在代碼助手提示這個(gè)框架的語法。

但如果一個(gè)文件是單獨(dú)從硬盤打開，沒有整項(xiàng)目拖入hx，那么此時(shí)無法加載框架語法庫。

3. 代碼助手

hx的代碼助手，可以按alt+數(shù)字選擇直接選擇某個(gè)項(xiàng)目，類似中文輸入法數(shù)字選詞 （如下圖示例）

4. 語法幫助

光標(biāo)放到某api處，按下F1，就可跳轉(zhuǎn)到這個(gè)api的官方手冊(cè)。目前支持vue、uni-app、5+等api （如下圖示例）

5. 編輯器與項(xiàng)目管理器的同步

hx默認(rèn)是打開的標(biāo)簽卡和項(xiàng)目管理器自動(dòng)關(guān)聯(lián)，切換標(biāo)簽卡時(shí)項(xiàng)目管理器也會(huì)跟隨變化，如不需要此功能，可以將鼠標(biāo)移到項(xiàng)目管理器區(qū)域，右上角會(huì)懸浮菜單，在里面可以取消“與編輯器同步”。（如下圖示例）

一般多項(xiàng)目時(shí)建議取消同步功能。

取消同步后，如需手動(dòng)定位標(biāo)簽卡所在的項(xiàng)目，可以對(duì)編輯器點(diǎn)右鍵-“在項(xiàng)目管理器中定位”。（如下圖示例）

6. 多光標(biāo)

hx支持多光標(biāo)，按 ctrl+鼠標(biāo)左鍵 就可增加一個(gè)光標(biāo)，ctrl+鼠標(biāo)右鍵 可取消一個(gè)光標(biāo)或選區(qū)。（如下圖示例）

還可以選擇相同詞。ctrl+e (mac是cmd+d)可選中相同的詞做批處理。（如下圖示例）

多光標(biāo)是極客必備工具，高級(jí)技巧請(qǐng)參考：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/13191

7. 列選擇

hx的列選擇，是alt+鼠標(biāo)拖選�；蛘哂每旖萱Ictrl+alt+↑或↓。（如下圖示例）

8. 選擇編碼、著色高亮

當(dāng)你打開一個(gè)不認(rèn)識(shí)的文檔時(shí)，即hx的無法高亮著色，可以在右下角選擇使用其他編輯器打開。

當(dāng)你打開一個(gè)文件編碼錯(cuò)亂，產(chǎn)生亂碼時(shí)，也可以在右下角選擇編碼重新打開。（如下圖示例）

9. 文件快速打開

在頂部工具欄直接搜索工程下的文件名并打開，或者使用快捷鍵ctrl+p。（如下圖示例）

比較常用的文件，可以在工具欄里添加到收藏夾。（如下圖示例）

ctrl+p也是標(biāo)簽卡管理的重要工具，屏幕窄看不清左右打開的標(biāo)簽時(shí)，可以用它來瀏覽所有以打開的標(biāo)簽