軟件特色
1、輕巧、極速10M的綠色發(fā)行包。
C++架構(gòu),啟動速度、大文檔打開速度、編碼提示,都極速響應(yīng)。
2、強大的語法提示
一流的ast語法分析能力
語法提示精準、全面、細致,轉(zhuǎn)到定義、重構(gòu)完善
3、專為vue打造
提供比其他工具更優(yōu)秀的vue支持
大幅提升你的vue開發(fā)效率
4、清爽護眼
界面清爽簡潔,綠柔主題經(jīng)過科學(xué)的腦疲勞測試,最適合人眼長期觀看的主題界面。
保護手腕,減緩鼠標(biāo)手。
5、高效極客操作
HBuilderX對字處理提供了更崇高的支持。
更強大的多光標(biāo)、智能雙擊、選區(qū)管理...
讓文字處理的效率大幅提升。
6、markdown優(yōu)先
HX是唯一一個新建文件默認類型是markdown的編輯器,也是對md支持最強的編輯器,你甚至可以直接粘貼表格、圖片進來。
hbuilderx軟件使用教程
一、介紹1、執(zhí)著于更快一步的理念,hx的左側(cè)項目管理器是單擊響應(yīng)而不是雙擊。
2、單擊展開目錄,單擊預(yù)覽文件,雙擊打開文件。
3、預(yù)覽文件時頂部標(biāo)簽卡是斜體的,此時繼續(xù)預(yù)覽其他文件會替換預(yù)覽標(biāo)簽卡。雙擊文件后標(biāo)簽卡為正體,不會被替換。預(yù)覽的文件一旦開始編輯,也會自動變?yōu)檎酱蜷_狀態(tài)。
4、項目管理器默認是不顯示圖標(biāo)的,可以將鼠標(biāo)移到項目管理器區(qū)域,右上角會懸浮菜單,在里面可以選擇顯示圖標(biāo)
5、HBuilderX支持業(yè)內(nèi)多種圖標(biāo)插件,可以在工具-插件安裝中找到更多圖標(biāo)插件。
6、hx的文件保存是免丟失的,并且有熱退出功能。所謂熱退出,就是關(guān)閉hx時不要保存文件。再次打開時仍然是之前的狀態(tài)。未保存的文件也會繼續(xù)原樣展現(xiàn)。
7、hx默認帶有每30秒保存一次臨時文件的策略(可以在設(shè)置里調(diào)節(jié)時間間隔)
8、不管是關(guān)閉hx,還是斷電、崩潰,臨時文件始終會自動保存。
9、前端預(yù)編譯型語言越來越多,每次保存都觸發(fā)編譯比較消耗資源,有了hx,可以專注寫代碼而不需要隔一會按一下ctrl+s,需要編譯時再保存,或編輯多個文件后按ctrl+alt+s全部保存。
二、語法提示
擁有自研的世界級語法分析引擎一直是HBuilder系列產(chǎn)品傲視業(yè)內(nèi)的資本。 但前端框架眾多,框架的語法提示需要加載單獨的語法提示庫。
框架語法提示庫是在頁面的右下角選擇。
注意:
1、框架語法庫是掛在項目下的,一個項目加載了一個框架語法庫后,這個項目下所有js文件或HTML文件都會在代碼助手提示這個框架的語法。
2、但如果一個文件是單獨從硬盤打開,沒有整項目拖入hx,那么此時無法加載框架語法庫。
三、 代碼助手
hx的代碼助手,可以按alt+數(shù)字選擇直接選擇某個項目,類似中文輸入法數(shù)字選詞
四、語法幫助
光標(biāo)放到某api處,按下F1,就可跳轉(zhuǎn)到這個api的官方手冊。目前支持vue、uni-app、5+等api
注:此功能僅適用于2.5.7以下版本,2.5.7.20200116-alpha+版本,按F1查看幫助文檔,改為打開外部瀏覽器,避免對邊改邊看造成影響
五、編輯器與項目管理器的同步
hx默認是打開的標(biāo)簽卡和項目管理器自動關(guān)聯(lián),切換標(biāo)簽卡時項目管理器也會跟隨變化,如不需要此功能,可以將鼠標(biāo)移到項目管理器區(qū)域,右上角會懸浮菜單,在里面可以取消“與編輯器同步”。
一般多項目時建議取消同步功能。
取消同步后,如需手動定位標(biāo)簽卡所在的項目,可以對編輯器點右鍵-“在項目管理器中定位”。
六、多光標(biāo)
1、hx支持多光標(biāo),按 ctrl+鼠標(biāo)左鍵 就可增加一個光標(biāo),ctrl+鼠標(biāo)右鍵 可取消一個光標(biāo)或選區(qū)。/7
2、還可以選擇相同詞。ctrl+e (mac是cmd+d)可選中相同的詞做批處理。
七、列選擇
hx的列選擇,是alt+鼠標(biāo)拖選。或者用快捷鍵ctrl+alt+↑或↓。
八、選擇編碼、著色高亮
當(dāng)你打開一個不認識的文檔時,即hx的無法高亮著色,可以在右下角選擇使用其他編輯器打開。
當(dāng)你打開一個文件編碼錯亂,產(chǎn)生亂碼時,也可以在右下角選擇編碼重新打開。
九、轉(zhuǎn)到定義
轉(zhuǎn)到定義是非常常用的功能,普通編輯器不長于此,只能猜單詞跳轉(zhuǎn)。
HBuilderX有強大的語法分析引擎,可以準確的跳轉(zhuǎn)定義位置。
轉(zhuǎn)到定義的快捷鍵是Alt+d,鼠標(biāo)操作是alt+左鍵單擊(注意不是ctrl,因為ctrl留給了多光標(biāo))
而HBuilderX還有一個特色是轉(zhuǎn)到定義到分欄,ctrl+alt+左鍵,可以把一個定義處的代碼打開在另一側(cè),方便共同查看
如何回到上一個光標(biāo)位置?
在HBuilderX中,Alt+Left或點擊工具欄上的<, 即可回到上一個光標(biāo)位置。
備注:支持切換【Ctrl+鼠標(biāo)左鍵】或【Alt+鼠標(biāo)左鍵】進行轉(zhuǎn)到定義 (菜單【選擇】,最后一個菜單)。
十、文件快速打開
在頂部工具欄直接搜索工程下的文件名并打開,或者使用快捷鍵ctrl+p。
比較常用的文件,可以在工具欄里添加到收藏夾。
ctrl+p也是標(biāo)簽卡管理的重要工具,屏幕窄看不清左右打開的標(biāo)簽時,可以用它來瀏覽所有以打開的標(biāo)簽
十一、目錄內(nèi)搜索
項目管理器點右鍵,選:查找字符串(當(dāng)前目錄),可在該目錄下所有文件中搜索字符串
十二、
hx默認使用tab縮進,tab長度為4個空格。
如果你需要調(diào)整縮進長度,比如tab長度為2個空格,在工具設(shè)置-編輯器中調(diào)整。
如果不喜歡使用tab而喜歡使用空格,也可以在設(shè)置中調(diào)。注意這個調(diào)節(jié)只是編輯器里敲tab按鍵時轉(zhuǎn)為了空格,格式化時仍是tab。
調(diào)節(jié)格式化設(shè)置,參考菜單工具-插件配置。hx支持幾種格式化插件,他們都有自己的配置定義文件,請按插件配置中的說明修改設(shè)置。
比如格式化插件Formator-Prettier,它的配置文件為:【工具】【插件配置】【formator-frettier】【formator.config.js】
在菜單編輯-縮進中,可文件的縮進從tab轉(zhuǎn)空格或從空格轉(zhuǎn)tab。
十三、語法校驗
hx的語法校驗都是插件,在工具插件安裝中選擇各種校驗插件,不同語言的校驗插件不一樣。安裝校驗插件后,保存文件時會自動執(zhí)行語法校驗。
校驗概要結(jié)果會顯示在狀態(tài)欄,比如有2個錯誤(如下圖),可以按F4切換到不同的錯誤處,畫有紅波浪線(如下圖),鼠標(biāo)移到紅波浪線上會顯示具體的錯誤信息。
你也可以不保存,直接點菜單工具-驗證本文檔校驗語法 來進行校驗。
軟件亮點
1、代碼輸入法:按下數(shù)字快速選擇候選項2、可編程代碼塊:一個代碼塊,少敲50個按鍵
3、內(nèi)置emmet:tab一下生成一串代碼
4、無死角提示:除了語法,還能提示ID、Class、圖片、鏈接、字體…
5、跳轉(zhuǎn)助手、選擇助手,不用鼠標(biāo),手不離鍵盤
6、多種語言支持:php、jsp、ruby、python、nodejs等web語言,less、coffee等編譯型語言均支持
7、邊改邊看:一邊寫代碼,一邊看效果
更新日志
v3.99.2023122611版本新增 報Bug 目前支持對 HBuilder 和 uni-app x 報Bug,方便提交日志和示例工程。入口在菜單幫助-報Bug,及App運行控制臺的右上角藍色蟲子按鈕
修復(fù) 內(nèi)置瀏覽器 預(yù)覽html文件和markdown文件,某些情況下預(yù)覽失敗的Bug
修復(fù) windows 關(guān)閉HBuilderX過程中提示創(chuàng)建桌面快捷方式時UI卡住的Bug
修復(fù) Windows 某些情況下地址欄無法使用快捷鍵復(fù)制的Bug
修復(fù) MacOSX 某些情況下內(nèi)置瀏覽器devtools里面的文字無法使用快捷鍵復(fù)制的Bug
修復(fù) 多文件搜索 鼠標(biāo)雙擊搜索結(jié)果項,輸入焦點沒有自動設(shè)置到打開的編輯器內(nèi)的Bug
修復(fù) .editorconfig 配置insert_final_newline、trim_trailing_whitespace在保存文件時沒有生效的Bug
新增 語言服務(wù) uni-app x uts自動修復(fù) 支持number類型和kotlin的數(shù)字類型互相轉(zhuǎn)換
新增 語言服務(wù) uni-app x uts類型檢查 支持函數(shù)類型校驗
新增 語言服務(wù) uni-app x uts類型檢查 檢查算法由結(jié)構(gòu)校驗調(diào)整為名稱校驗
調(diào)整 語言服務(wù) uni-app x uvue文件代碼提示不再提示 uni-app x 不支持的內(nèi)置組件
修復(fù) 語言服務(wù) uni-app x uvue組件事件類型校驗時,全局事件不生效的Bug
修復(fù) 語言服務(wù) 某些情況下語言服務(wù)啟動時崩潰的Bug
修復(fù) 語言服務(wù) less、scss文件代碼提示時@rule某些情況下替換位置不對的Bug
修復(fù) 語言服務(wù) unicloud-db組件代碼提示時不支持field嵌套語法的Bug
修復(fù) uni-app 運行到支付寶小程序,當(dāng)pages.json因為條件編譯存在重復(fù)key時運行失敗的Bug
修復(fù) uni-app cli項目無法運行到支付寶小程序的Bug
修復(fù) uni-app MacOSX 運行到支付寶小程序,沒有兼容老的支付寶小程序工具路徑的Bug
修復(fù) App真機運行 Android 某些機型獲取基座安裝時間異常導(dǎo)致基座一直被重復(fù)安裝的Bug
修復(fù) App真機運行 Android 運行到自定義調(diào)試基座后,再運行標(biāo)準基座到iOS模擬器報安裝調(diào)試基座失敗的Bug
優(yōu)化 uni-app manifest.json的權(quán)限可視化界面,支持在自動選擇權(quán)限外,手動控制添加和刪除權(quán)限。無需再去AndroidManifest.xml中刪除權(quán)限。
修復(fù) 5+項目 工具欄運行菜單多出運行到Chrome等菜單項的Bug
- web前端開發(fā)工具
- 代碼編輯器
- 網(wǎng)頁設(shè)計軟件
- 富文本編輯器
- h5頁面制作軟件
-
更多 (23個) >>網(wǎng)頁前端開發(fā)軟件大全 前端開發(fā)工具是用于創(chuàng)建和設(shè)計網(wǎng)站或Web應(yīng)用程序用戶界面的軟件工具,對于從事前端開發(fā)或者想要學(xué)習(xí)這個的人員來說,相關(guān)的軟件工具是必不可少的,市場上相關(guān)的軟件也非常多,但是很多人不知道前端開發(fā)軟件哪個好,下面小編就給大家提供了常用的前端開發(fā)工具推薦,比如Sublime Text、WebStorm系列、HBuilder等等,這些軟件都可以稱得上是前端開發(fā)神器,每一款都能給你提供豐富的編程功能,對此有需求的小伙伴們可以來挑選下載體驗。
-
-
JetBrains WebStorm2024電腦版 793.44M
查看/多國語言v2024.3.1.1官方版 -
visual studio code中文綠色版 115.11M
查看/簡體中文v1.96.0 -
RustRover 2024電腦版 825.21M
查看/多國語言v2024.3官方版 -
RubyMine2024電腦版 740.36M
查看/多國語言[中文]v2024.3官方版 -
JetBrains goland 2024電腦版 781.48M
查看/多國語言[中文]v2024.3官方版 -
dreamweaver2020中文特別版 220.47M
查看/簡體中文v20.0.0.15196 -
rocketcake網(wǎng)頁編輯器 17.65M
查看/簡體中文v5.5官方版 -
bootstrap Web前端UI框架 28.32M
查看/簡體中文v5.3.3官方版 -
Sublime Text 4 文本編輯器 15.65M
查看/簡體中文v4169 -
hbuilderx電腦版 39.61M
查看/簡體中文v3.99.2023122611官方版 -
Adobe Brackets(web前端開發(fā)工具) 50.06M
查看/簡體中文v1.9官方中文版 -
aptana studio(Web應(yīng)用程序開發(fā)工具) 148.84M
查看/簡體中文v3.4.2漢化版 -
postman官方中文版電腦版 100.93M
查看/簡體中文v7.36.1綠色版
-
- 下載地址
- 安卓版
- Mac版
發(fā)表評論
0條評論軟件排行榜
熱門推薦
- RubyMine2024電腦版 v2024.3官方版740.36M / 多國語言[中文]
- jetbrains fleet編輯器 v1.43.142官方版77.54M / 多國語言
- php for windows版 v8.3.7官方正式版30.67M / 英文
- phpstorm2023官方版 v2023.3.6459.02M / 簡體中文
- clion2023官方版 v2023.3.4750.29M / 多國語言[中文]
- java runtime environment官方版 v1.8.0823K / 簡體中文
- myeclipse2023官方電腦版 v2023.1.21.47G / 英文
- 橙光制作工具電腦版 v2.5.27.0913官方版1.01M / 簡體中文
- PHP Coder v1.0漢化版1018K / 簡體中文
- WPLSoft(臺達PLC編程軟件) v2.4.2官方版75.16M / 簡體中文