HBuilder常用的快捷操作

布满荆棘的人生 2021-09-16 20:16 792阅读 0赞

## HBuilder常用的快捷操作 ##

### 一、快捷操作 ###

①.新建项目：  
         ctrl+N+W(web端)  
         ctrl+N+A(移动端项目)

②.新建文件：  
         鼠标点击目标目录/项目目录，  
               ctrl+n+h(新建html文件)  
               ctrl+n+j(新建js文件)  
               ctrl+n+c(新建css文件)  
③.打开文件夹项目在Hbuilder浏览：  
               直接拖拽进来  
④.编辑常用快捷键

1.  Hbuilder快捷键命令：ctrl+shift+L
2.  边看边改模式：ctrl+p(打开) ctrl+shift+p(关闭)
3.  新建文件：当前正在编辑位置按
4.         ctrl+n+h(新建html文件)
5.         ctrl+n+j(新建js文件)
6.         ctrl+n+c(新建css文件)
7.  换行符：shift+回车 “<br/>”
8.  删除行：ctrl+d
9.  复制行：ctrl+c
10. 跳转行：ctrl+g
11. 快捷搜索：ctrl+ctrl
12. 普通搜索替换：ctrl+f
13. 高级搜索替换：ctrl+h
14. 浏览文件：ctrl+r
15. 选择标签区域：ctrl=\[
16. 折叠标签区域：ctrl+alt+ '-'
17. 打开标签区域：ctrl+alt+ '+'
18. 放大字体：ctrl+shiift '+' 一般用(ctrl+滚轮)
19. 缩小字体：ctrl+ '-'
20. 单行注释：ctrl+?
21. 多行注释：ctrl+shift+?
22. 区域注释：ctrl+shift+b
23. 编写标签免写 
24. 光标移动：alt+箭头
25. 
26.       到行首：home
27.       导航尾：end
28.       上翻页：pageUp
29.       下翻页：pageDown

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
        </head>
        <body>
            <p>
                    选中括号/引号内容:在括号或者引号一边双击选中
                    
            </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语法 ###

1.  db:display: block;
2.  dn:display: none;
3.  oh:overflow: hidden;
4.  w:width: ;
5.  w10:width: 10px;
6.  h:height: ;
7.  mr： margin-right: ;
8.  bott: border-top: ;
9.  posa:position: absolute;
10. posr:position: relative;
11. @key||@kf
12. ani

### 三、学习网站收录 ###

1.  csdn: [http://www.csdn.net/][http_www.csdn.net]
2.  博客园：[http://www.cnblogs.com/][http_www.cnblogs.com]
3.  前端网：[http://www.w3cfuns.com/][http_www.w3cfuns.com]
4.  大前端：[http://www.daqianduan.com/][http_www.daqianduan.com]

### 四、转载说明 ###

本文转载自：[https://www.bbsmax.com/A/QV5Z9vr2Jy/][https_www.bbsmax.com_A_QV5Z9vr2Jy]

[http_www.csdn.net]: http://www.csdn.net/
[http_www.cnblogs.com]: http://www.cnblogs.com/
[http_www.w3cfuns.com]: http://www.w3cfuns.com/
[http_www.daqianduan.com]: http://www.daqianduan.com/
[https_www.bbsmax.com_A_QV5Z9vr2Jy]: https://www.bbsmax.com/A/QV5Z9vr2Jy/