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/