hbuilder編輯器是一款代碼編輯工具。為程序員提供的是編輯器和ide的完美組合,內存小巧,打開啟動快速,并有著優秀的文字處理功能,有需要的用戶歡迎來極光下載站使用體驗!
hbuilder是dcloud(數字天堂)推出的一款支持html5的web開發ide。強大的代碼助手幫你快速完成開發。hbuilder的編寫用到了java、c、web和ruby。hbuilder本身主體是由java編寫,它基于eclipse,所以順其自然地兼容了eclipse的插件。
使用hbuilder新建項目
依次點擊文件→新建→選擇web項目(按下ctrl+n,w可以觸發快速新建(macos請使用command+n,然后左鍵點擊web項目)
如下圖,請在a處填寫新建項目的名稱,b處填寫(或選擇)項目保存路徑(更改此路徑hbuilder會記錄,下次默認使用更改后的路徑),c處可選擇使用的模板(可點擊自定義模板,參照打開目錄中的readme.txt自定義模板)
使用hbuilder創建html頁面
在項目資源管理器中選擇剛才新建的項目,依次點擊文件→新建→選擇html文件(按下ctrl+n,w可以觸發快速新建(macos請使用command+n,然后左鍵點擊html文件)),并選擇空白文件模板,如下圖
使用hbuilder邊改邊看試試查看編程效果
win系統按下ctrl+p(macos為command+p)進入邊改邊看模式,在此模式下,如果當前打開的是html文件,每次保存均會自動刷新以顯示當前頁面效果(若為js、css文件,如與當前瀏覽器視圖打開的頁面有引用關系,也會刷新)
hbuilder代碼塊大量減少重復代碼工作量
在打開的getstart.html中輸入h,如下圖
然后按下8,自動生成html的基本代碼如下圖
什么是代碼塊
代碼塊是常用的代碼組合,比如在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,分別輸出匿名函數和閉包。
一、文件操作
新建菜單: 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 + -
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開發工具能夠提高h5前端工程師的工作效率,在進行前端h5的開發工作當中一款好用的html5開發工具是不可缺少的.程序員在進行h5代碼的編寫過程中html5開發工具能夠幫助程序員進行代碼聯想,自動查找代碼漏洞,并且管理代碼頁面,而且還能進行簡單的代碼測試,幫助程序員快速的完成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 安卓版
捷德奧特曼融合模擬器手機版 v1.0 安卓版
61.00 MB/ 簡體中文
v1.0 安卓版
狙擊手強尼最新版 v1.1.1 安卓版
49.30 MB/ 簡體中文
v1.1.1 安卓版
編輯代碼的工具是專為編程人員們所設計打造的,其功能不僅強大,而且所包含的內容也多,無論你是新手小白還是大神,都可以很好的利用本平臺在線進行工作跟學習!
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
網友評論