HBuilder2021官方版是一款支持HTML5的Web開發(fā)IDE。HBuilder2021官方版內(nèi)置代碼輸入法,HBuilder2021官方版為用戶提供了一系列開發(fā)輔助功能,軟件本身主體是由Java編寫,它通過完整的語法提示和代碼輸入法、代碼塊等,能夠大幅提升HTML、js、css的開發(fā)效率。同時(shí),它還包括最全面的語法庫和瀏覽器兼容性數(shù)據(jù)。它的生態(tài)系統(tǒng)可能是最豐富的

Web IDE 生態(tài)系統(tǒng)。

軟件介紹

      HBuilder2021官方版是DCloud(數(shù)字天堂)推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。

      目前主流前端開發(fā)工具有Sublime為代表的文本編輯器,以及Webstorm、Brackets、Dreamweaver、vs等IDE。但說道為HTML5設(shè)計(jì)或做了特殊優(yōu)化的,只有HBuilder、Webstorm和Brackets。

截圖
軟件功能

      在 HBuilder 里預(yù)置了一個(gè) hello HBuilder 的工程,用戶敲這幾十行代碼后會(huì)發(fā)現(xiàn),HBuilder 比其他開發(fā)工具至少快 5

倍。

      HBuilder 的生態(tài)系統(tǒng)可能是最豐富的 Web IDE 生態(tài)系統(tǒng),因?yàn)樗瑫r(shí)兼容 Eclipse 插件和 Ruby

Bundle。SVN、git、ftp、PHP、less 等各種技術(shù)都有 Eclipse 插件。

      HBuilder 的語法庫包括 W3C 的 HTML、JAVASCRIPT、CSS 的正式標(biāo)準(zhǔn)和推薦標(biāo)準(zhǔn)…,ECMAScript

中瀏覽器支持的部分,還有各大瀏覽器的擴(kuò)展語法,webkit、moz、ms,均實(shí)時(shí)更新到各瀏覽器的最新版本。

      信息欄中的瀏覽器品牌圖標(biāo),全亮表示無障礙支持該語法,全灰表示不支持,而半亮則表示該瀏覽器部分支持該語法。半亮?xí)r會(huì)下圖標(biāo)下方顯示出來詳細(xì)的支持情況,比如

video 標(biāo)簽,從 IE9 才開始支持。

      跳轉(zhuǎn)助手、選擇助手、轉(zhuǎn)義助手、快捷鍵助手,讓你手不離鍵盤。 HTML5+支持、手機(jī)真機(jī)連調(diào)、云編譯,方便開發(fā)跨手機(jī)平臺(tái)的 APP。 更多精彩功能:重構(gòu)

| 大綱 | 任務(wù) | 版本歷史 | 內(nèi)置 webserver | 實(shí)時(shí)升級(jí) | 安全工程管理 | 包圍 | 掩碼轉(zhuǎn)換 | 智能糾錯(cuò) | 折疊代碼 | 轉(zhuǎn)到定義

| 格式化代碼 | URL 編解碼 | 進(jìn)制轉(zhuǎn)換 | 自動(dòng)閉合。

軟件特點(diǎn)

      1、內(nèi)置代碼輸入法,按數(shù)字快速輸入候選項(xiàng)。

      2、可編程代碼塊,一個(gè)代碼塊,少敲 50 個(gè)按鍵。

      3、各種代碼提示,不僅僅是語法。

      4、跳轉(zhuǎn)助手,手不離鍵盤。

      5、多語言支持,輕松兼容。

      6、邊看邊寫,效果實(shí)時(shí)展現(xiàn)。

      7、護(hù)眼主題,關(guān)愛你的眼睛。

截圖
常見快捷鍵

      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

      向下移動(dòng)行 Ctrl + 向下

      向上移動(dòng)行 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

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

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

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

      前一詞 Ctrl + 向左

      后一詞 Ctrl + 向右

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

      轉(zhuǎn)到下一個(gè)文本輸入點(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)

      活動(dòng)視圖或編輯器最大化 Ctrl + M

      顯示行號(hào)菜單 Ctrl + F10

      激活邊看邊改視圖 Ctrl + P

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

      全部折疊 Ctrl + Alt + –

      全部展開 Ctrl + Alt + +

常見問題

      1、什么叫滾動(dòng)條信息點(diǎn)?

      答:當(dāng)代碼中有重要的標(biāo)記出現(xiàn)時(shí),會(huì)生成滾動(dòng)條信息點(diǎn),在滾動(dòng)條右側(cè)出現(xiàn)顏色各異的點(diǎn)。點(diǎn)擊這些點(diǎn)或使用跳轉(zhuǎn)到下一個(gè)信息點(diǎn)功能,可以快速到達(dá)這些代碼處。如下標(biāo)記會(huì)生成信息點(diǎn):書簽、任務(wù)、錯(cuò)誤提示。

      2、怎么實(shí)現(xiàn)代碼追蹤?

      答:在編輯代碼時(shí)經(jīng)常會(huì)出現(xiàn)需要跳轉(zhuǎn)到引用文件或者變量定義的地方,HBuilder 提供了一個(gè)非常好用的代碼追蹤功能,只需要按住

Ctrl+鼠標(biāo)左鍵即可實(shí)現(xiàn)追蹤。

      3、輸入 small 不提示,語法庫是不是不全?

      答:代碼塊是否提示,取決于是否設(shè)置了這個(gè)代碼塊,代碼塊是可自定義的。默認(rèn)沒有預(yù)置 small

代碼塊,你也可以在代碼塊彈出界面點(diǎn)右下角的編輯圖標(biāo),進(jìn)行代碼塊的補(bǔ)充修改。另外可以使用 emmet(ZenCoding)語法,這個(gè)沒有提示,但敲完

small,按 tab,就會(huì)自動(dòng)生成標(biāo)簽。emmet 是一種前端公開技術(shù),網(wǎng)上教程很多。

      4、為什么有時(shí)候我輸入代碼塊的名稱,卻沒有出現(xiàn)想要的代碼塊?

      答:代碼塊的顯示名稱和激活字符是不同的,查看激活字符請(qǐng)?jiān)诩せ畲a助手后選擇代碼塊,看右邊信息欄的詳情

      5、編輯器怎么實(shí)現(xiàn)分欄?

      答:HBuilder 編輯器分欄功能可以實(shí)現(xiàn)左右分欄和上下分欄以及組合分欄。

      (1)、左右分欄實(shí)現(xiàn):鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最右邊拖動(dòng)即可實(shí)現(xiàn)左右分欄

      (2)、上下分欄實(shí)現(xiàn):鼠標(biāo)點(diǎn)著編輯器選項(xiàng)卡往最下邊拖動(dòng)即可實(shí)現(xiàn)上下分欄

      (3)、組合分欄實(shí)現(xiàn):組合分欄就是即有的文件向下拖動(dòng),有的文件向右拖動(dòng)

截圖
更新日志

      1.大幅度優(yōu)化構(gòu)建性能

      2.App 打包時(shí)增加對(duì) Google 開發(fā)者證書的 App 包名不能以大寫字母開頭的校驗(yàn)

      3.解決搜索框(Ctrl+H)在存在當(dāng)前項(xiàng)目的情況下,有時(shí)卻不能選擇”當(dāng)前項(xiàng)目”為搜索范圍的問題

      4.解決邊看邊改瀏覽器內(nèi)使用復(fù)制粘貼等快捷鍵時(shí)會(huì)觸發(fā)編輯器內(nèi)的相同快捷鍵的問題

      5.解決有時(shí)啟動(dòng)后沒有獲取焦點(diǎn)的問題

      6.解決 manifest 編輯器有時(shí)修改后不生效的問題

      7.解決 windows 下有時(shí)無法創(chuàng)建桌面快捷方式的問題

      8.解決有時(shí)暫不登錄后無法正常啟動(dòng)的問題

軟件特別說明

      HBuilder軟件2021版本暫未推出,本站點(diǎn)為您提供此軟件目前最新版本,站點(diǎn)版本及時(shí)更新,敬請(qǐng)關(guān)注

HBuilder2021下載_Hbuilder編輯器官方版下載[編程工具]下載地址

遠(yuǎn)程下載