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
三、學習網站收錄
前端網：http://www.w3cfuns.com/
大前端：http://www.daqianduan.com/
![龍珠訓練營task04[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)