HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發(fā)IDE。

1 安裝

1)????????官網下載地址：http://www.dcloud.io/

2)????????安裝：解壓zip文件到指定目錄

3)????????運行安裝文件下的exe文件

4)????????第一次使用需要登錄（可選），不登錄的話每次都會提示該窗口

2 使用

???????? HBuilder在Eclipse的基礎上添加和刪除了很多插件。

2.1 創(chuàng)建項目

???????? HBuilder沒有“工作空間workspace”的概念，其創(chuàng)建的項目，可以指定到任意位置。

???????? HBuilder只能創(chuàng)建“WEB項目”和“移動APP”兩種項目。

1)????????依次點擊文件→新建→選擇Web項目(按下Ctrl+N,W可以觸發(fā)快速新建(MacOS請使用Command+N,然后左鍵點擊Web項目))

2)????????填寫項目名稱，選擇項目位置

3)????????創(chuàng)建完成，點擊項目查看目錄結構

2.2 創(chuàng)建HTML頁面

1)????????在項目資源管理器中選擇剛才新建的項目,依次點擊文件→新建→選擇HTML文件(按下Ctrl+N,W可以觸發(fā)快速新建(MacOS請使用Command+N,然后左鍵點擊HTML文件))

2)????????選中文件位置，編寫文件名稱，選中文件使用版本

3)????????創(chuàng)建完成，自動生成html模板

2.3 快速提示

HBuilder特點，需要輸入觸發(fā)字符，就可以快速的提示需要的內容。

l?? <：注釋

l?? h+8：html模板，先按h，再按8

l?? in：創(chuàng)建input標簽；int：創(chuàng)建文本框；insu：創(chuàng)建添加按鈕

l?? t+enter：創(chuàng)建表格

l?? s+enter：js模塊

l?? s+2：js引入文件

l?? fun+3：創(chuàng)建js函數

3. 快捷鍵

3.1 常用快捷鍵

l?? ctrl+向上：向上移動一行代碼

l?? ctrl+向下：向下移動一行代碼

l?? ctrl+r：運行

l?? ctrl+shift+r：復制當前行，或復制選中區(qū)域

l?? ctrl+/：添加或移除單行注釋

l?? ctrl+shift+/：添加或移除塊注釋

l?? ctrl+enter：任意位置向下插入一行

l?? shift+enter：html頁面插入<br/>

l?? ctrl+shift+x：全部大寫

l?? ctrl+shift+y：全部小寫

l?? ctrl+f：查詢

l?? ctrl+p：邊敲邊看

l?? ctrl+d：刪除選中行

l?? ctrl+shift+f：整理代碼行

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

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

3.2 具體快捷鍵查看

?? 點擊左下角圖標

?? 選中“快捷鍵列表”

?? 查看快捷鍵

?? 點擊其他區(qū)域，快捷鍵列表自動隱藏，點擊左下角圖標可以繼續(xù)查看顯示

?? 如果希望快捷鍵列表成為固定窗口，點擊圖標右鍵，取消“快速視圖”勾選

?? 將顯示在右邊區(qū)域

總結

以上是生活随笔為你收集整理的HBuilder安装与使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。