hbuilder x是由數(shù)字天堂(北京)網(wǎng)絡(luò)技術(shù)有限公司研發(fā)的一款支持HTML5的Web開發(fā)IDE,也是hbuilder的下一代產(chǎn)品。軟件雖基于Eclipse,但完全拋棄了eclipse架構(gòu),使用C++為基礎(chǔ)結(jié)構(gòu),具有體積小巧、啟動秒開、智能縮進(jìn)等特點(diǎn),讓用戶可以獲取頂尖的編寫體驗(yàn)??欤荋Builder的最大優(yōu)勢,通過完整的語法提示和代碼
輸入法、代碼塊等,大幅提升HTML、js、css的開發(fā)效率。
使用教程
1、進(jìn)入軟件,點(diǎn)擊文件→新建→項(xiàng)目
2、選擇普通項(xiàng)目,創(chuàng)建名稱,修改路徑
3、在項(xiàng)目資源管理器中選擇剛才新建的項(xiàng)目,點(diǎn)擊文件→新建→HTML,修改名稱
4、win系統(tǒng)按下Ctrl+P進(jìn)入邊改邊看模式,在此模式下,如果當(dāng)前打開的是HTML文件,每次保存均會自動刷新以顯示當(dāng)前頁面效果(若為JS、CSS文件,如與當(dāng)前瀏覽器視圖打開的頁面有引用關(guān)系,也會刷新)
5、在新建的html中輸入H,然后按下8,自動生成HTML的基本代碼
軟件功能
1、智能雙擊
雙擊div的首或尾可以選中這個(gè)tag。當(dāng)然雙擊if、雙擊縮進(jìn)符、雙擊括號引號內(nèi)側(cè)...很多位置都可以通過智能雙擊選中。
2、擴(kuò)大選區(qū)Ctrl+=
=是+的默認(rèn)鍵位置,所以Ctrl+=其實(shí)就是Ctrl鍵和+號一起按下。
3、反包圍
按反包圍Ctrl+Shift+],可去掉tag p并自動處理子節(jié)點(diǎn)的縮進(jìn)。
4、選中相同語法詞
使用普通的選擇相同詞,會把所有div都選中,但使用Ctrl+Shift+e(mac是Command+Shift+d),會智能識別語法,剔除不相干的詞。
5、交換選區(qū)內(nèi)容
當(dāng)需要交互2個(gè)選區(qū)的內(nèi)容時(shí),選中a、剪切、點(diǎn)b前面、粘貼、選中b、找到之前a的位置點(diǎn)擊、粘貼...這么長的操作太低效。來看HBuilderX的Ctrl+Shift+x交互選區(qū),也就是Ctrl+x的增強(qiáng)版。
6、撤銷最后一個(gè)多選區(qū)或多光標(biāo)
選區(qū)選多了或選錯(cuò)了,不用擔(dān)心要重頭選,Ctrl+Shift+z不是撤銷編輯內(nèi)容,而是撤銷最后一個(gè)選區(qū)。
7、批量合并行
按反格式化Ctrl+Shift+k,可以把每個(gè)css的區(qū)塊代碼都合并為一行,Ctrl+k是格式化代碼,那么Ctrl+Shift+k就是合并為一行。
8、同時(shí)注釋if段首尾
if塊的調(diào)整很常見,除了包圍、反包圍外,常用操作還有同時(shí)注釋掉if段首尾。
軟件特色
1、輕巧
僅10M的綠色發(fā)行包。
2、極速
不管是啟動速度、大文檔打開速度、編碼提示,都極速響應(yīng)。
3、清爽護(hù)眼
界面清爽簡潔,綠柔主題經(jīng)過科學(xué)的腦疲勞測試,是最適合人眼長期觀看的主題界面。
4、無鼠標(biāo)操作
掌握HX的無鼠標(biāo)操作體系,成為高效極客,飛一般編碼。
5、markdown優(yōu)先
HX是唯一一個(gè)新建文件默認(rèn)類型是md的編輯器。
對于技術(shù)人員,我們強(qiáng)烈建議你以后不要使用記事本了,用markdown來替代txt。
本自述文件就是漂亮的markdown文檔,這是技術(shù)人員才能獨(dú)享的美。
HX為md強(qiáng)化了Emmet、智能回車、智能縮進(jìn)、智能雙擊,擁有頂尖的markdown編寫體驗(yàn)。
6、擴(kuò)展性
HX支持java插件、nodejs插件(需本機(jī)安裝java及node環(huán)境),通過外部命令,可以方便的調(diào)用各種命令行組件。不管是git、svn還是前端編譯,都可以通過配置外部命令調(diào)用,并設(shè)置快捷鍵。
7、HX與HBuilder的關(guān)系
HX是全新的一個(gè)軟件,它拋棄了eclipse架構(gòu),使用C++為基礎(chǔ)架構(gòu)。
HX目前還不能完全替代HBuilder。但在markdown記事的場景下,是最佳的記事本升級工具。
8、除了頂尖的markdown編寫體驗(yàn)、漂亮的著色外,HX的極速啟動、多標(biāo)簽、熱退出、各種快捷鍵操作,都給了你充足的理由升級記事本工具
hbuilder快捷鍵
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
向下移動行 Ctrl + 向下
向上移動行 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
選擇成對內(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)
活動視圖或編輯器最大化 Ctrl + M
顯示行號菜單 Ctrl + F10
激活邊看邊改視圖 Ctrl + P
激活開發(fā)視圖 Ctrl + Shift + P
全部折疊 Ctrl + Alt + -
全部展開 Ctrl + Alt + +
更新日志
1、解決Mac無法瀏覽器運(yùn)行的問題,并新增自動檢測Chrome、Safari和FireFox。
2、多光標(biāo)模式支持上下移動行“Ctrl+Up/Down”、回車、反回車“Shift+Enter”等操作。
3、添加UniApp、快應(yīng)用示例模板,新建項(xiàng)目時(shí)可選擇。
4、轉(zhuǎn)義里新增了首字母大寫,調(diào)整了大小寫轉(zhuǎn)換的快捷鍵“Alt+Shift+U/L/T”。
5、修復(fù)搜索到折疊區(qū)域時(shí),折疊不展開的bug。
6、修復(fù)了代碼助手在窗體右邊緣時(shí)被遮擋、自閉合標(biāo)簽回車縮進(jìn)錯(cuò)誤等問題。
7、修復(fù)了Mac版粘貼表格(numbers)內(nèi)容到markdown文檔時(shí)無法自動轉(zhuǎn)換markdown表格的問題。
0條評論