hbuilder編輯器是一款代碼編輯工具。為程序員提供的是編輯器和ide的完美組合,內(nèi)存小巧,打開啟動快速,并有著優(yōu)秀的文字處理功能,有需要的用戶歡迎來極光下載站使用體驗(yàn)!
hbuilder是dcloud(數(shù)字天堂)推出的一款支持html5的web開發(fā)ide。強(qiáng)大的代碼助手幫你快速完成開發(fā)。hbuilder的編寫用到了java、c、web和ruby。hbuilder本身主體是由java編寫,它基于eclipse,所以順其自然地兼容了eclipse的插件。
使用hbuilder新建項(xiàng)目
依次點(diǎn)擊文件→新建→選擇web項(xiàng)目(按下ctrl+n,w可以觸發(fā)快速新建(macos請使用command+n,然后左鍵點(diǎn)擊web項(xiàng)目)
如下圖,請?jiān)赼處填寫新建項(xiàng)目的名稱,b處填寫(或選擇)項(xiàng)目保存路徑(更改此路徑hbuilder會記錄,下次默認(rèn)使用更改后的路徑),c處可選擇使用的模板(可點(diǎn)擊自定義模板,參照打開目錄中的readme.txt自定義模板)
使用hbuilder創(chuàng)建html頁面
在項(xiàng)目資源管理器中選擇剛才新建的項(xiàng)目,依次點(diǎn)擊文件→新建→選擇html文件(按下ctrl+n,w可以觸發(fā)快速新建(macos請使用command+n,然后左鍵點(diǎn)擊html文件)),并選擇空白文件模板,如下圖
使用hbuilder邊改邊看試試查看編程效果
win系統(tǒng)按下ctrl+p(macos為command+p)進(jìn)入邊改邊看模式,在此模式下,如果當(dāng)前打開的是html文件,每次保存均會自動刷新以顯示當(dāng)前頁面效果(若為js、css文件,如與當(dāng)前瀏覽器視圖打開的頁面有引用關(guān)系,也會刷新)
hbuilder代碼塊大量減少重復(fù)代碼工作量
在打開的getstart.html中輸入h,如下圖
然后按下8,自動生成html的基本代碼如下圖
什么是代碼塊
代碼塊是常用的代碼組合,比如在js中輸入$,回車,則可以自動輸入document.getelementbyid(id)。
查看、編輯代碼塊可以在工具-自定義代碼塊中,選擇相應(yīng)的代碼塊進(jìn)行查看和編輯。也可以在激活代碼塊的代碼助手中,點(diǎn)擊詳細(xì)信息右下角的修改圖標(biāo)進(jìn)行修改和查看。
*代碼塊激活字符原則1:連續(xù)單詞的首字母。比如:dg激活document.getelementbyid(&&);vari激活var i=0;dn激活display: none;
*代碼塊激活字符原則2:整段html一般使用tag的名稱。比如script、style,通常,敲最多4個字母即可匹配到需要的代碼塊,不需要完整錄入,如sc回車、st回車,即可完成script、style標(biāo)簽的輸入。
*代碼塊激活字符原則3:同一個tag,有多個代碼塊輸出,則在最后加后綴。比如 meta 輸出 但 metau 則輸出 ,metag同理。
*代碼塊激活字符原則4:如果原始語法超過4個字符,針對常用語法,則第一個單詞的激活符使用縮寫。比如input button,縮寫為inbutton,同理intext是輸入框。
*代碼塊激活字符原則5:js的關(guān)鍵字代碼塊,是在關(guān)鍵字最后加一個重復(fù)字母。比如if直接敲會提示if關(guān)鍵字,但iff回車,則出現(xiàn)if代碼塊。類似的有forr、withh等。由于funtion字母較長,為加快輸入速度,取fun縮寫,比如funn,輸出function代碼塊,而funa和func,分別輸出匿名函數(shù)和閉包。
一、文件操作
新建菜單: ctrl + n
新建: ctrl + n
關(guān)閉: ctrl + w
全部關(guān)閉: ctrl + shift + w
保存: ctrl + s
全部保存: ctrl + shift + s
刷新: f5
屬性: alt + enter
二、編輯操作
激活代碼助手:alt + /
顯示方法參數(shù)提示: alt + shift + ?
撤銷: ctrl + z
重做: ctrl + y
復(fù)制選區(qū)或光標(biāo)所在行: ctrl + c
剪切選區(qū)或光標(biāo)所在行: ctrl + x
粘貼: ctrl + v
復(fù)制文件路徑: ctrl + shift + c
改寫切換: 插入
刪除: 刪除
刪除當(dāng)前行: ctrl + d
刪除前一詞: ctrl + backspace
刪除后一詞: ctrl + delete
刪除至行首: shift + backspace
刪除至行尾: shift + delete
刪除當(dāng)前標(biāo)簽: ctrl + shift + t
安全重命名對象: ctrl + f2
重命名文件: f2
合并下一行: ctrl + alt + j
整理代碼格式: ctrl + shift + f
向上移動行: ctrl + 向上箭頭
向上移動行: ctrl + 向下箭頭
選中當(dāng)前行: ctrl + l
開啟/關(guān)閉注釋整行: ctrl + /
開啟/關(guān)閉注釋已選內(nèi)容: ctrl + shift + /
注釋分隔條: ctrl + shift + b
對選中標(biāo)簽加包圍(加p元素): ctrl + 9
去包圍: ctrl + 0
快速修正: ctrl + 1
三、插入操作
向下空行: ctrl + enter
向上空行: ctrl + shift + enter
重復(fù)插入當(dāng)前行或選中區(qū)域: ctrl + shift + r
快速插入空白字符(nbsp): shift + 空格鍵
快速插入
(在html中): shift + enter
快速插入n(在js、 css中):shift + enter
插入html標(biāo)簽(使用當(dāng)前詞): ctrl + shift + ,
切換插入方式: ctrl + shift + 插入
插入詞語結(jié)尾符: ctrl + alt + enter
四、轉(zhuǎn)義操作
全部大寫: ctrl + shift + x
全部小寫: ctrl + shift + y
首字大寫: ctrl + shift + -
url轉(zhuǎn)碼: ctrl + shift + 7
url解碼: ctrl + shift + 5
八進(jìn)制轉(zhuǎn)十進(jìn)制: ctrl + shift + 0
十進(jìn)制轉(zhuǎn)八進(jìn)制: ctrl + shift + 8
十六進(jìn)制轉(zhuǎn)十進(jìn)制: ctrl + shift + 9
十進(jìn)制轉(zhuǎn)十六進(jìn)制: ctrl + shift + 6
五、選擇操作
全選: ctrl + a
向左選詞: ctrl + shift + 左箭頭
向右選詞: ctrl + shift + 右箭頭
選擇相同詞: ctrl + shift + a
選擇html父節(jié)點(diǎn): ctrl + alt + 向上箭頭
選前一個節(jié)點(diǎn): ctrl + alt + 向左箭頭
選后一個節(jié)點(diǎn): ctrl + alt + 向右箭頭
選所有子節(jié)點(diǎn): ctrl + alt + 向下箭頭
選擇成對內(nèi)容: ctrl + [
列選擇: ctrl + alt + c
塊選擇: alt + shift + a
選擇至行首: ctrl + 主頁鍵
選擇至行末: ctrl + end
六、跳轉(zhuǎn)操作
上一個選項(xiàng)卡: ctrl + tab
選擇至行末: ctrl + shift + tab
后退到歷史文件: alt + 左箭頭
前進(jìn)到歷史文件: alt + 右箭頭
轉(zhuǎn)到匹配的括號: alt + [
轉(zhuǎn)到匹配的引號: alt + ‘
設(shè)置/取消書簽: ctrl + alt + b
轉(zhuǎn)到上一個文本輸入點(diǎn): alt + 向上箭頭
轉(zhuǎn)到下一個文本輸入點(diǎn): alt + 向下箭頭
折疊: ctrl + alt + -
展開: ctrl + alt + /
轉(zhuǎn)到特定行: ctrl + g
激活快捷鍵視圖: ctrl + shift + l
激活便捷大綱: ctrl + o
七、查找操作
搜索條(查找、替換): ctrl + f
聚焦到搜索條件框內(nèi): ctrl + alt + f
聚焦到替換輸入框內(nèi): ctrl + alt + e
隱藏搜索條:esc
在搜索條內(nèi)換行: alt + shift + enter
html標(biāo)簽規(guī)范: ctrl + shift + h
八、運(yùn)行
ctrl + r
九、視圖
活動視圖或編輯最大化: ctrl + m
放大字體: ctrl + shift + =
減小字體: ctrl + -
html編輯器作為能夠編輯制作網(wǎng)頁html的應(yīng)用工具,支持自定義窗口,編輯html文件主題語言,代碼輸入簡單流暢,操作靈活自由,幫助用戶輕松制作想要的網(wǎng)頁,尤其適合從事網(wǎng)頁頁面代碼設(shè)計(jì)的人員使用,適用于多個操作系統(tǒng)。
notepad手機(jī)版 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 電腦版
網(wǎng)頁設(shè)計(jì)軟件是在網(wǎng)站制作過程中的常用的工具之一,在這個互聯(lián)網(wǎng)時代,網(wǎng)頁的數(shù)量一直呈幾何增長,網(wǎng)頁設(shè)計(jì)軟件大幅度的提升了網(wǎng)頁設(shè)計(jì)與制作速率.并且網(wǎng)頁設(shè)計(jì)軟件還會更新到最新的html代碼和css代碼,幫助用戶提升網(wǎng)站制作過程,而且還會有js和豐富的jq插件供用戶使用,熟練的使用網(wǎng)頁設(shè)計(jì)軟件是每一個前端工程師的必修課.
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開發(fā)工具能夠提高h(yuǎn)5前端工程師的工作效率,在進(jìn)行前端h5的開發(fā)工作當(dāng)中一款好用的html5開發(fā)工具是不可缺少的.程序員在進(jìn)行h5代碼的編寫過程中html5開發(fā)工具能夠幫助程序員進(jìn)行代碼聯(lián)想,自動查找代碼漏洞,并且管理代碼頁面,而且還能進(jìn)行簡單的代碼測試,幫助程序員快速的完成h5代碼編寫工作.
webstorm2019最新版 v2024.3
794.83 MB/ 簡體中文
v2024.3
axure rp9漢化版 v9.1 最新版
98.40 MB/ 簡體中文
v9.1 最新版
hbuilder編輯器 v9.1.29 電腦版
261 MB/ 簡體中文
v9.1.29
adobe fireworks cs6軟件 中文版
440.30 MB/ 簡體中文
中文版
一鍵極清平臺 v3.2.8 安卓版
14.64 MB/ 簡體中文
v3.2.8 安卓版
捷德奧特曼融合模擬器手機(jī)版 v1.0 安卓版
61.00 MB/ 簡體中文
v1.0 安卓版
狙擊手強(qiáng)尼最新版 v1.1.1 安卓版
49.30 MB/ 簡體中文
v1.1.1 安卓版
編輯代碼的工具是專為編程人員們所設(shè)計(jì)打造的,其功能不僅強(qiáng)大,而且所包含的內(nèi)容也多,無論你是新手小白還是大神,都可以很好的利用本平臺在線進(jìn)行工作跟學(xué)習(xí)!
dw cc2019最新版 v19.0 官方版
839.10 MB/ 簡體中文
v19.0
hbuilder編輯器 v9.1.29 電腦版
261 MB/ 簡體中文
v9.1.29
sublime text windows 10 v4.1.6.9 電腦版
15.7 MB/ 簡體中文
v4.1.6.9
atom編輯器中文版 v1.60.0 電腦版
192 MB/ 簡體中文
v1.60.0
visual studio code中文版 v1.95.1 電腦版
95.3 MB/ 簡體中文
v1.95.1
vim編輯器電腦版 v9.1.0643 官方版
36.00 MB/ 簡體中文
v9.1.0643
eclipse最新版本 v4.9 電腦版
129 MB/ 簡體中文
v4.9
netbeans ide中文版 v12.3 電腦版
387 MB/ 簡體中文
v12.3
網(wǎng)友評論