推薦使用：HBuilder

輕巧、極速10M的綠色發行包。 C++架構，啟動速度、大文檔打開速度、 編碼提示，都極速響應。專為vue打造提供比其他工具更優秀的vue支持 大幅提升你的vue開發效率高效極客操作HBuilderX對字處理提供了更崇高的支持。 更強大的多光標、智能雙擊、選區管理... 讓文字處理的效率大幅提升。 比如你可以簡單的選中想要處理的多端文字區塊，方便的同時注釋掉不同行的一對tag或if塊首尾行。項目管理器默認是不顯示圖標的，可以將鼠標移到項目管理器區域，右上角會懸浮菜單，在里面可以選擇顯示圖標。HBuilderX支持業內多種圖標插件，可以在工具-插件安裝中找到更多圖標插件。hx的文件保存是免丟失的，并且有熱退出功能。所謂熱退出，就是關閉hx時不要保存文件。再次打開時仍然是之前的狀態。未保存的文件也會繼續原樣展現。hx默認帶有每30秒保存一次臨時文件的策略（可以在設置里調節時間間隔）不管是關閉hx，還是斷電、崩潰，臨時文件始終會自動保存。前端預編譯型語言越來越多，每次保存都觸發編譯比較消耗資源，有了hx，可以專注寫代碼而不需要隔一會按一下ctrl+s，需要編譯時再保存，或編輯多個文件后按ctrl+alt+s全部保存。擁有自研的世界級語法分析引擎一直是HBuilder系列產品傲視業內的資本。 但前端框架眾多，框架的語法提示需要加載單獨的語法提示庫。框架語法提示庫是在頁面的右下角選擇。光標放到某api處，按下F1，就可跳轉到這個api的官方手冊。目前支持vue、uni-app、5+等api此功能僅適用于2.5.7以下版本，2.5.7.20200116-alpha+版本，按F1查看幫助文檔，改為打開外部瀏覽器，避免對邊改邊看造成影響一般多項目時建議取消同步功能。取消同步后，如需手動定位標簽卡所在的項目，可以對編輯器點右鍵-“在項目管理器中定位”。還可以選擇相同詞。ctrl+e (mac是cmd+d)可選中相同的詞做批處理。當你打開一個不認識的文檔時，即hx的無法高亮著色，可以在右下角選擇使用其他編輯器打開。當你打開一個文件編碼錯亂，產生亂碼時，也可以在右下角選擇編碼重新打開。而HBuilderX還有一個特色是轉到定義到分欄，ctrl+alt+左鍵，可以把一個定義處的代碼打開在另一側，方便共同查看在頂部工具欄直接搜索工程下的文件名并打開，或者使用快捷鍵ctrl+p。ctrl+p也是標簽卡管理的重要工具，屏幕窄看不清左右打開的標簽時，可以用它來瀏覽所有以打開的標簽項目管理器點右鍵，選：查找字符串(當前目錄)，可在該目錄下所有文件中搜索字符串如果不喜歡使用tab而喜歡使用空格，也可以在設置中調。注意這個調節只是編輯器里敲tab按鍵時轉為了空格，格式化時仍是tab。調節格式化設置，參考菜單工具-插件配置。hx支持幾種格式化插件，他們都有自己的配置定義文件，請按插件配置中的說明修改設置。在菜單編輯-縮進中，可文件的縮進從tab轉空格或從空格轉tab。hx的語法校驗都是插件，在工具插件安裝中選擇各種校驗插件，不同語言的校驗插件不一樣。安裝校驗插件后，保存文件時會自動執行語法校驗。語法校驗插件詳細介紹校驗概要結果會顯示在狀態欄，比如有2個錯誤（如下圖），可以按F4切換到不同的錯誤處，畫有紅波浪線（如下圖），鼠標移到紅波浪線上會顯示具體的錯誤信息。以git為例：（git項目：需要安裝git插件、以及TortoiseGit、并配置ssh秘鑰）預編譯器安裝后使用入口在外部命令菜單中sass/less插件配置小技巧：less、sass可以在插件配置里，配置為保存文件時自動編譯。安裝less或sass插件后，進入菜單【工具】【插件配置】【compile-less】,點擊package.json文件，將onDidSaveExecution修改為true。注意修改后需要重啟HBuilderX才能生效

{"onDidSaveExecution": true}Copy to clipboardErrorCopied