HBuilder安装与使用
HBuilder是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。
1 安裝
1)????????官網下載地址：http://www.dcloud.io/
2)????????安裝：解壓zip文件到指定目錄
3)????????運行安裝文件下的exe文件
4)????????第一次使用需要登錄（可選），不登錄的話每次都會提示該窗口
2 使用
???????? HBuilder在Eclipse的基礎上添加和刪除了很多插件。
2.1 創建項目
???????? HBuilder沒有“工作空間workspace”的概念，其創建的項目，可以指定到任意位置。
???????? HBuilder只能創建“WEB項目”和“移動APP”兩種項目。
1)????????依次點擊文件→新建→選擇Web項目(按下Ctrl+N,W可以觸發快速新建(MacOS請使用Command+N,然后左鍵點擊Web項目))
2)????????填寫項目名稱，選擇項目位置
3)????????創建完成，點擊項目查看目錄結構
2.2 創建HTML頁面
1)????????在項目資源管理器中選擇剛才新建的項目,依次點擊文件→新建→選擇HTML文件(按下Ctrl+N,W可以觸發快速新建(MacOS請使用Command+N,然后左鍵點擊HTML文件))
2)????????選中文件位置，編寫文件名稱，選中文件使用版本
3)????????創建完成，自動生成html模板
2.3 快速提示
HBuilder特點，需要輸入觸發字符，就可以快速的提示需要的內容。
l?? <：注釋
l?? h+8：html模板，先按h，再按8
l?? in：創建input標簽；int：創建文本框；insu：創建添加按鈕
l?? t+enter：創建表格
l?? s+enter：js模塊
l?? s+2：js引入文件
l?? fun+3：創建js函數
3. 快捷鍵
3.1 常用快捷鍵
l?? ctrl+向上：向上移動一行代碼
l?? ctrl+向下：向下移動一行代碼
l?? ctrl+r：運行
l?? ctrl+shift+r：復制當前行，或復制選中區域
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 具體快捷鍵查看
?? 點擊左下角圖標
?? 選中“快捷鍵列表”
?? 查看快捷鍵
?? 點擊其他區域，快捷鍵列表自動隱藏，點擊左下角圖標可以繼續查看顯示
?? 如果希望快捷鍵列表成為固定窗口，點擊圖標右鍵，取消“快速視圖”勾選
?? 將顯示在右邊區域
總結
以上是生活随笔為你收集整理的HBuilder安装与使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Leetcode怎么调试java代码,在
- 下一篇： 金万维异速联服务器重装,金万维异速联客户