HBuilder常用的快捷操作

编程工具 0 1198

邮箱用户_8st46 2021年8月25日 22:09 发表

摘要：HBuilder常用的快捷操作

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>
                    </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

三、学习网站收录

四、转载说明

本文转载自：https://www.bbsmax.com/A/QV5Z9vr2Jy/

点赞 0 收藏(0)