HBuilder特別版是一款廣受歡迎的編程開發工具,這款工具主要用于HTML5的Web開發,并且支持Java、Ruby以及C系列等多種語言,同時兼容了Eclipse的插件,讓使用的Eclipse用戶不用擔心插件問題,是一款不可多得的編程神器。
1、輕巧
僅10M的綠色發行包
2、極速
HBuilderX不管是啟動速度、大文檔打開速度、編碼提示,都會極速響應
3、清爽護眼
HBuilderX界面清爽簡潔,綠柔主題經過科學的腦疲勞測試,是最適合人眼長期觀看的主題界面
4、無鼠標操作
掌握HBuilderX的無鼠標操作體系,成為高效極客,飛一般編碼
5、markdown優先
HBuilderX是唯一一個新建文件默認類型是md的編輯器。
除了頂尖的markdown編寫體驗、漂亮的著色外,HX的極速啟動、多標簽、熱退出、各種快捷鍵操作,都給了你充足的理由升級記事本工具。
編碼比其他工具快5倍夠不夠?對極客而言,追求快,沒有止境!
代碼輸入法:按下數字快速選擇候選項
可編程代碼塊:一個代碼塊,少敲50個按鍵
內置emmet:tab一下生成一串代碼
無死角提示:除了語法,還能提示ID、Class、圖片、鏈接、字體。
跳轉助手、選擇助手,不用鼠標,手不離鍵盤
多種語言支持:php、jsp、ruby、python、nodejs等web語言,less、coffee等編譯型語言均支持
邊改邊看:一邊寫代碼,一邊看效果
強悍的轉到定義和一鍵搜索
這里還有最全的語法庫、最全的語法瀏覽器兼容庫
1.文件
新建 Ctrl + N
關閉 Ctrl + F4
全部關閉 Ctrl + Shift + F4
屬性 Alt + Enter
2.編輯
激活代碼助手 Alt + /
激活快捷鍵視圖 Ctrl + Shift + L
開啟關閉注釋整行 Ctrl + /
開啟關閉注釋已選內容 Ctrl + Shift + /
刪除當前行 Ctrl + D
刪除當前標簽 Ctrl + Shift + T
刪除至行首 Shift + Backspace
刪除至行尾 Shift + del
合并下一行 Ctrl + Alt + J
整理代碼格式 Ctrl + Shift + F
向下移動行 Ctrl + 向下
向上移動行 Ctrl + 向上
選中當前行 Ctrl + L
3.插入
重復插入當前行或選中區域 Ctrl + Shift + R
快速插入
(在html中) Shift + Enter
快速插入\n(在css或js中) Shift + Enter
4.選擇
向左選詞 Ctrl + Shift + 向左
向右選詞 Ctrl + Shift + 向右
選擇相同詞 Ctrl + Shift + A
選擇成對內容 Ctrl + ‘[‘
5.跳轉
上一個選項卡 Ctrl + Tab
前一詞 Ctrl + 向左
后一詞 Ctrl + 向右
轉到上一個文本輸入點 Alt + 向上
轉到下一個文本輸入點 Alt + 向下
行首 Home
行尾 End
頁首 Ctrl + Home
頁尾 Ctrl + End
6.查找
搜索條 Ctrl + F
搜索框 Ctrl + H
查找文件 Ctrl + T
隱藏搜索條 ESC
聚焦到搜索條件框內 Ctrl + Alt + F
聚焦到替換輸入框內 Ctrl + Alt + E
在搜索條內換行 Alt +Enter
HTML標簽規范 Ctrl + Shift + H
7.運行
運行 Ctrl + R
8.工具
CSS/HTML語法校驗 Ctrl + Shift + V
9.視圖
活動視圖或編輯器最大化 Ctrl + M
顯示行號菜單 Ctrl + F10
激活邊看邊改視圖 Ctrl + P
激活開發視圖 Ctrl + Shift + P
全部折疊 Ctrl + Alt + -
全部展開 Ctrl + Alt + +
編輯器怎么實現分欄?
HBuilder編輯器分欄功能可以實現左右分欄和上下分欄以及組合分欄。
1、左右分欄實現:鼠標點著編輯器選項卡往最右邊拖動即可實現左右分欄
左右分欄實現效果:
2、上下分欄實現:鼠標點著編輯器選項卡往最下邊拖動即可實現上下分欄
上下分欄實現效果:;
3、組合分欄實現:組合分欄就是即有的文件向下拖動,有的文件向右拖動,下面給出一個效果圖,感興趣的話您可以拖個試試:
什么叫滾動條信息點?
當代碼中有重要的標記出現時,會生成滾動條信息點,在滾動條右側出現顏色各異的點。點擊這些點或使用跳轉到下一個信息點功能,可以快速到達這些代碼處。如下標記會生成信息點:書簽、任務、錯誤提示。
怎么實現代碼追蹤?
在編輯代碼時經常會出現需要跳轉到引用文件或者變量定義的地方,HBuilder提供了一個非常好用的代碼追蹤功能,只需要按住Ctrl+鼠標左鍵即可實現追蹤。
輸入small不提示,語法庫是不是不全?
代碼塊是否提示,取決于是否設置了這個代碼塊,代碼塊是可自定義的。默認沒有預置small代碼塊,你也可以在代碼塊彈出界面點右下角的編輯圖標,進行代碼塊的補充修改。另外可以使用emmet(ZenCoding)語法,這個沒有提示,但敲完small,按tab,就會自動生成標簽。emmet是一種前端公開技術,網上教程很多。
為什么有時候我輸入代碼塊的名稱,卻沒有出現想要的代碼塊?
代碼塊的顯示名稱和激活字符是不同的,查看激活字符請在激活代碼助手后選擇代碼塊,看右邊信息欄的詳情
1、首先等待HBuilder特別版下載完成
2、使用壓縮軟件解壓文件
3、雙擊運行exe文件開始安裝
4、自定義安裝目錄等待安裝完成后即可使用