HBuilder常用的快捷操作
阿新 • • 發佈：2018-11-15
HBuilder常用的快捷操作
一、快捷操作
①.新建專案：
ctrl+N+W(web端)
ctrl+N+A(移動端專案)
②.新建檔案：
滑鼠點選目標目錄/專案目錄，
ctrl+n+h(新建html檔案)
ctrl+n+j(新建js檔案)
ctrl+n+c(新建css檔案)
③.開啟資料夾專案在Hbuilder瀏覽：
直接拖拽進來
④.編輯常用快捷鍵
- Hbuilder快捷鍵命令：ctrl+shift+L
- 邊看邊改模式：ctrl+p(開啟) ctrl+shift+p(關閉)
- 新建檔案：當前正在編輯位置按
- ctrl+n+h(新建html檔案)
- ctrl+n+j(新建js檔案)
- ctrl+n+c(新建css檔案)
- 換行符：shift+回車 “<br/>”
- 刪除行：ctrl+d
- 複製行：ctrl+c
- 跳轉行：ctrl+g
- 快捷搜尋：ctrl+ctrl<!--關閉方法：工具>選項>hbuilder取消勾選雙擊Ctrl搜尋-->
- 普通搜尋替換：ctrl+f
- 高階搜尋替換：ctrl+h
- 瀏覽檔案：ctrl+r
- 選擇標籤區域：ctrl=[
- 摺疊標籤區域：ctrl+alt+ '-'
- 開啟標籤區域：ctrl+alt+ '+'
- 放大字型：ctrl+shiift '+' 一般用(ctrl+滾輪)
- 縮小字型：ctrl+ '-'
- 單行註釋：ctrl+?
- 多行註釋：ctrl+shift+?
- 區域註釋：ctrl+shift+b
- 編寫標籤免寫 <!--'<>'-->
- 游標移動：alt+箭頭
- <!--例如：<input type="" name="" id="" value="" /> 或者用tab-->
- 到行首：home
- 導航尾：end
- 上翻頁：pageUp
- 下翻頁：pageDown
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>
選中括號/引號內容:在括號或者引號一邊雙擊選中
<!--例如：
<input type="button" name="" id="" value="" />
<div class="absolute">
</div>
-->
</p>
<p id="scs">
開啟語法提示：工具>選項>hbuilder>語法效驗
快捷方式查詢地址：<a href="http://emmet.evget.com/"></a>
hbuilder快捷鍵自定義編輯：
工具>程式碼塊>html||css||js:
<script type="text/javascript" charset="utf-8">
/*document.getElementsByTagName("span")//dtag
var c = document.getElementById("span").getContext("2d");//varc
$("")//dl
dqs:document.querySelectorAll("")
document.querySelectorAll("boyd p")*/
// alert(document.querySelectorAll("#scs style")[0].innerHTML) //iE8以上都支援
// document.querySelector("")返回物件
// document.querySelectorAll("")返回一個集合
</script>
</p>
</body>
</html>二、emmet語法
- db:display: block;
- dn:display: none;
- oh:overflow: hidden;
- w:width: ;
- w10:width: 10px;
- h:height: ;
- mr： margin-right: ;
- bott: border-top: ;
- posa:position: absolute;
- posr:position: relative;
- @key||@kf
- ani
三、學習網站收錄
- csdn: http://www.csdn.net/
- 部落格園：http://www.cnblogs.com/
- 前端網：http://www.w3cfuns.com/
- 大前端：http://www.daqianduan.com/