HBuilder常用的快捷操作

转载

CHH5431 2022-02-05 16:16:52 博主文章分类：前端工具

文章标签 快捷操作 html 搜索 css 文章分类 代码人生

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
普通搜索替换：ctrl+f
高级搜索替换：ctrl+h
浏览文件：ctrl+r
选择标签区域：ctrl=[
折叠标签区域：ctrl+alt+ '-'
打开标签区域：ctrl+alt+ '+'
放大字体：ctrl+shiift '+' 一般用(ctrl+滚轮)
缩小字体：ctrl+ '-'
单行注释：ctrl+?
多行注释：ctrl+shift+?
区域注释：ctrl+shift+b
编写标签免写
光标移动：alt+箭头
到行首：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>