當前位置：極光下載站 > 教育教學 > 編程工具 > hbuilder編輯器 v9.1.29 電腦版

hbuilder編輯器

v9.1.29 電腦版

軟件大小：261 MB
軟件語言：簡體中文
更新時間：2024-11-14
軟件類型：國產軟件 / 編程工具
運行環境：WinXP, Win7, Win10
軟件授權：免費軟件
官方主頁：http://www.dcloud.io/
軟件等級 :

好評: 50%

壞評: 50%

介紹說明
下載地址
精品推薦
相關軟件
網友評論

hbuilder編輯器是一款代碼編輯工具。為程序員提供的是編輯器和ide的完美組合，內存小巧，打開啟動快速，并有著優秀的文字處理功能，有需要的用戶歡迎來極光下載站使用體驗！

hbuilder國內版簡介

hbuilder是dcloud（數字天堂）推出的一款支持html5的web開發ide。強大的代碼助手幫你快速完成開發。hbuilder的編寫用到了java、c、web和ruby。hbuilder本身主體是由java編寫，它基于eclipse，所以順其自然地兼容了eclipse的插件。

hbuilder編輯器

使用教程

使用hbuilder新建項目

依次點擊文件→新建→選擇web項目(按下ctrl+n,w可以觸發快速新建(macos請使用command+n,然后左鍵點擊web項目)

hbuilder編輯器

如下圖，請在a處填寫新建項目的名稱，b處填寫(或選擇)項目保存路徑(更改此路徑hbuilder會記錄，下次默認使用更改后的路徑)，c處可選擇使用的模板(可點擊自定義模板,參照打開目錄中的readme.txt自定義模板)

hbuilder編輯器

使用hbuilder創建html頁面

在項目資源管理器中選擇剛才新建的項目,依次點擊文件→新建→選擇html文件(按下ctrl+n,w可以觸發快速新建(macos請使用command+n,然后左鍵點擊html文件)),并選擇空白文件模板,如下圖

hbuilder編輯器

使用hbuilder邊改邊看試試查看編程效果

win系統按下ctrl+p(macos為command+p)進入邊改邊看模式,在此模式下,如果當前打開的是html文件，每次保存均會自動刷新以顯示當前頁面效果(若為js、css文件，如與當前瀏覽器視圖打開的頁面有引用關系，也會刷新)

hbuilder代碼塊大量減少重復代碼工作量

在打開的getstart.html中輸入h,如下圖

hbuilder編輯器

然后按下8,自動生成html的基本代碼如下圖

hbuilder編輯器

什么是代碼塊

代碼塊是常用的代碼組合，比如在js中輸入$，回車，則可以自動輸入document.getelementbyid(id)。

查看、編輯代碼塊可以在工具-自定義代碼塊中，選擇相應的代碼塊進行查看和編輯。也可以在激活代碼塊的代碼助手中，點擊詳細信息右下角的修改圖標進行修改和查看。

*代碼塊激活字符原則1:連續單詞的首字母。比如：dg激活document.getelementbyid(&&);vari激活var i=0;dn激活display: none;

*代碼塊激活字符原則2:整段html一般使用tag的名稱。比如script、style，通常，敲最多4個字母即可匹配到需要的代碼塊，不需要完整錄入，如sc回車、st回車，即可完成script、style標簽的輸入。

*代碼塊激活字符原則3:同一個tag，有多個代碼塊輸出，則在最后加后綴。比如 meta 輸出但 metau 則輸出，metag同理。

*代碼塊激活字符原則4:如果原始語法超過4個字符，針對常用語法，則第一個單詞的激活符使用縮寫。比如input button，縮寫為inbutton，同理intext是輸入框。

*代碼塊激活字符原則5:js的關鍵字代碼塊，是在關鍵字最后加一個重復字母。比如if直接敲會提示if關鍵字，但iff回車，則出現if代碼塊。類似的有forr、withh等。由于funtion字母較長，為加快輸入速度，取fun縮寫，比如funn，輸出function代碼塊，而funa和func，分別輸出匿名函數和閉包。

hbuilder快捷鍵大全

一、文件操作

新建菜單： ctrl + n

新建： ctrl + n

關閉： ctrl + w

全部關閉： ctrl + shift + w

保存： ctrl + s

全部保存： ctrl + shift + s

刷新： f5

屬性： alt + enter

二、編輯操作

激活代碼助手：alt + /

顯示方法參數提示： alt + shift + ?

撤銷： ctrl + z

重做： ctrl + y

復制選區或光標所在行： ctrl + c

剪切選區或光標所在行： ctrl + x

粘貼： ctrl + v

復制文件路徑： ctrl + shift + c

改寫切換：插入

刪除：刪除

刪除當前行： ctrl + d

刪除前一詞： ctrl + backspace

刪除后一詞： ctrl + delete

刪除至行首： shift + backspace

刪除至行尾： shift + delete

刪除當前標簽： ctrl + shift + t

安全重命名對象： ctrl + f2

重命名文件： f2

合并下一行： ctrl + alt + j

整理代碼格式： ctrl + shift + f

向上移動行： ctrl + 向上箭頭

向上移動行： ctrl + 向下箭頭

選中當前行： ctrl + l

開啟/關閉注釋整行： ctrl + /

開啟/關閉注釋已選內容： ctrl + shift + /

注釋分隔條： ctrl + shift + b

對選中標簽加包圍（加p元素）： ctrl + 9

去包圍： ctrl + 0

快速修正： ctrl + 1

三、插入操作

向下空行： ctrl + enter

向上空行： ctrl + shift + enter

重復插入當前行或選中區域： ctrl + shift + r

快速插入空白字符（nbsp）： shift + 空格鍵

快速插入

(在html中）： shift + enter

快速插入n（在js、 css中）：shift + enter

插入html標簽（使用當前詞）： ctrl + shift + ，

切換插入方式： ctrl + shift + 插入

插入詞語結尾符： ctrl + alt + enter

四、轉義操作

全部大寫： ctrl + shift + x

全部小寫： ctrl + shift + y

首字大寫： ctrl + shift + -

url轉碼： ctrl + shift + 7

url解碼： ctrl + shift + 5

八進制轉十進制： ctrl + shift + 0

十進制轉八進制： ctrl + shift + 8

十六進制轉十進制： ctrl + shift + 9

十進制轉十六進制： ctrl + shift + 6

五、選擇操作

全選： ctrl + a

向左選詞： ctrl + shift + 左箭頭

向右選詞： ctrl + shift + 右箭頭

選擇相同詞： ctrl + shift + a

選擇html父節點： ctrl + alt + 向上箭頭

選前一個節點： ctrl + alt + 向左箭頭

選后一個節點： ctrl + alt + 向右箭頭

選所有子節點： ctrl + alt + 向下箭頭

選擇成對內容： ctrl + [

列選擇： ctrl + alt + c

塊選擇： alt + shift + a

選擇至行首： ctrl + 主頁鍵

選擇至行末： ctrl + end

六、跳轉操作

上一個選項卡： ctrl + tab

選擇至行末： ctrl + shift + tab

后退到歷史文件： alt + 左箭頭

前進到歷史文件： alt + 右箭頭

轉到匹配的括號： alt + [

轉到匹配的引號： alt + ‘

設置/取消書簽： ctrl + alt + b

轉到上一個文本輸入點： alt + 向上箭頭

轉到下一個文本輸入點： alt + 向下箭頭

折疊： ctrl + alt + -

展開： ctrl + alt + /

轉到特定行： ctrl + g

激活快捷鍵視圖： ctrl + shift + l

激活便捷大綱： ctrl + o

七、查找操作

搜索條（查找、替換）： ctrl + f

聚焦到搜索條件框內： ctrl + alt + f

聚焦到替換輸入框內： ctrl + alt + e

隱藏搜索條：esc

在搜索條內換行： alt + shift + enter

html標簽規范： ctrl + shift + h

八、運行

ctrl + r

九、視圖

活動視圖或編輯最大化： ctrl + m

放大字體： ctrl + shift + =

減小字體： ctrl + -

下載地址

Pc版
Mac版

hbuilder編輯器 v9.1.29

精品推薦

html編輯器
網頁設計軟件
html5開發工具
代碼編輯器

html編輯器更多+

html編輯器作為能夠編輯制作網頁html的應用工具,支持自定義窗口,編輯html文件主題語言,代碼輸入簡單流暢,操作靈活自由,幫助用戶輕松制作想要的網頁,尤其適合從事網頁頁面代碼設計的人員使用,適用于多個操作系統。

notepad手機版 v7.8 安卓最新版 4.60 MB/ 簡體中文 v7.8 安卓最新版
下載
hbuilder編輯器 v9.1.29 電腦版 261 MB/ 簡體中文 v9.1.29
下載
sublime text3官方版 v4.1.6.9 電腦版 15.7 MB/ 簡體中文 v4.1.6.9
下載
chm editor中文版 v3.1.0 官方版 22.10 MB/ 簡體中文 v3.1.0 官方版
下載
atom編輯器中文版 v1.60.0 電腦版 192 MB/ 簡體中文 v1.60.0
下載
pilotedit代碼編輯器pc端 v14.8 電腦版 8.09 MB/ 簡體中文 v14.8 電腦版
下載
notepad+ for mac最新版官方版 891.00 KB/ 簡體中文 官方版
下載
phpstorm正版 v2018.3.5 電腦版 251.00 MB/ 簡體中文 v2018.3.5 電腦版
下載

網頁設計軟件更多+

網頁設計軟件是在網站制作過程中的常用的工具之一,在這個互聯網時代,網頁的數量一直呈幾何增長,網頁設計軟件大幅度的提升了網頁設計與制作速率.并且網頁設計軟件還會更新到最新的html代碼和css代碼,幫助用戶提升網站制作過程,而且還會有js和豐富的jq插件供用戶使用,熟練的使用網頁設計軟件是每一個前端工程師的必修課.

webstorm2019最新版 v2024.3 794.83 MB/ 簡體中文 v2024.3
下載
dw cc2019最新版 v19.0 官方版 839.10 MB/ 簡體中文 v19.0
下載
axure rp9漢化版 v9.1 最新版 98.40 MB/ 簡體中文 v9.1 最新版
下載
hbuilder編輯器 v9.1.29 電腦版 261 MB/ 簡體中文 v9.1.29
下載

html5開發工具更多+

html5開發工具能夠提高h5前端工程師的工作效率,在進行前端h5的開發工作當中一款好用的html5開發工具是不可缺少的.程序員在進行h5代碼的編寫過程中html5開發工具能夠幫助程序員進行代碼聯想,自動查找代碼漏洞,并且管理代碼頁面,而且還能進行簡單的代碼測試,幫助程序員快速的完成h5代碼編寫工作.