<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body>

        <p>

            1.新建项目：

                ctrl+N+W(web端)

                ctrl+N+A(移动端项目)

            2.新建文件：

                鼠标点击目标目录/项目目录，

                    ctrl+n+h(新建html文件)

                    ctrl+n+j(新建js文件)

                    ctrl+n+c(新建css文件)

            3.打开文件夹项目在Hbuilder浏览：

                直接拖拽进来

            4.编辑常用快捷键

                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

                选中括号/引号内容:在括号或者引号一边双击选中

                <!--例如：

                    <input type="button" name="" id="" value="" />

                    <div class="absolute">

                    </div>

                -->

        </p>

        <p id="scs">

            打开语法提示：工具>选项>hbuilder>语法效验

            emmet的使用：

                <a href=""></a>

                <img src="" alt="" />

                <style type="text/css">

                    .a{

                        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

                    }

                </style>

            快捷方式查询地址：<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>

            hbuilder插件：svn git php less ftp 压缩插件

            最后：hbuilder 各种开发文档  HTML5+ Native.js 5+SDK MUI

        </p>

        <!--博客园-->

        <!--建议把学习中遇到的问题写在博客园中笔记中，方便以后查阅-->

        经常逛的网址：

            csdn: <a href="http://www.csdn.net/"></a>

            博客园：<a href="http://www.cnblogs.com/"></a>

            前端网：<a href="http://www.w3cfuns.com/"></a>

            大前端：<a href="http://www.daqianduan.com/"></a>

    </body>

</html>

Hbuilder常用快捷键功能.html的更多相关文章

  1. 转载：HBuilder常用快捷键

    原文:http://www.cnblogs.com/DCL1314/p/8625110.html HBuilder常用快捷键 1.文件 新建 Ctrl + N 关闭 Ctrl + F4 全部关闭 Ct ...

  2. Hbuilder 常用快捷键汇总

    朋友推荐用Hbuilder编辑器,看了下Hbuilder官网和那视频,感觉牛逼哄哄的, 自己也就体验了一下,打开Hbuilder的快捷键列表,每个快捷键都体验了一下,以下展示出来的,每一个都是精华,每 ...

  3. 专业五线谱作曲打谱软件Overture的常用快捷键功能大全

    快捷命令在我们使用软件时起到的帮助是不言而喻的,它用一个或几个简单的字母来代替常用的命令,使我们不用去记忆众多的长长的命令,也不必为了执行一个命令,在菜单和工具栏上寻寻觅觅.当然,随着Overture ...

  4. Hbuilder 常用快捷键

    网上搜了一下,对Hbuider的快捷键 另外还有一些实用的组合键: Alt+T→V (检验语法文档) Alt+L→H (代码历史版本)

  5. HBuilder常用快捷键

    切换tab: Ctrl+Tab全部保存: Ctrl+Shift+S 激活代码助手: Alt+/显示方法参数提示: Alt+Shift+?转到定义: Ctrl+Alt+D 开启关闭注释整行: Ctrl+ ...

  6. IDEA最常用快捷键汇总+快速写出Main函数

    IDEA可以说是当下Java程序员日常开发的神器,但是想要发挥这款神器的牛逼威力,必须得熟练使用它的各种快捷键才行.本篇总结下使用IDEA(也就是IntelliJ IDEA )进行日常开发中最常用的快 ...

  7. webstorm常用功能FTP，及常用快捷键

    常用的FTP功能截图如下: 打开配置窗口 常用配置选项,填好FTP登录信息后点 Test FTP 测试一下,(测试之前,这里选“被动模式”) 默认选哪个FTP上传 注意这里的路径是开发后的上传和访问路 ...

  8. 功能------常用快捷键(在win10下)

    功能------win10 常用快捷键 在进行学习,记录,编写代码时,需要用到一些功能,用鼠标浪费时间,可以使用快捷键来快速的处理.方便操作. 以下内容分为两类.快捷键以及触控板类(不能享用鼠标) 快 ...

  9. Linux系统下vim常用快捷键及功能

    1. 什么是vim Vim是一个类似于Vi的著名的功能强大.高度可定制的文本编辑器,在vi的基础上改进和增加了很多特性. vim编辑器是Linux系统下标准的编辑器,作用相当于windows系统中的记 ...

随机推荐

  1. UVA10375 Choose and divide 质因数分解

    质因数分解: Choose and divide Time Limit: 3000MS   Memory Limit: Unknown   64bit IO Format: %lld & %l ...

  2. js 网上见到的动画函数 备份

    <script> function startMove(obj,json,fn){ clearInterval(obj.timer); obj.timer = setInterval(fu ...

  3. 初识 Cloudera Impala

    Impala是Cloudera公司主导开发的新型查询系统,它提供SQL语义,能查询存储在Hadoop的HDFS和HBase中的PB级大数据.已有的Hive系统尽管也提供了SQL语义,但因为Hive底层 ...

  4. SPOJ 375 树链剖分

    SPOJ太慢了,SPOJ太慢了, 题意:给定n(n<=10000)个节点的树,每条边有边权,有两种操作:1.修改某条变的边权:2.查询u,v之间路径上的最大边权. 分析:树链剖分入门题,看这里: ...

  5. ORACLE在表中添加的目光凝视和读取列

    在ORACLE中给表.列添加凝视以及读取凝视 1.给表填加凝视:SQL>comment on table 表名 is '表凝视"; 2.给列加凝视:SQL>comment on ...

  6. 于 jsp第横梁list数据

            往往我们都会将查询到的数据显示到界面中,那么该怎样在界面显示.请看以下的具体解释:     0)前提得在jsp页面中获取后台传过来的数据(在此为List集合):             ...

  7. HTML5实现刮奖效果

    原文:HTML5实现刮奖效果 要实现刮奖效果,最重要的是要找到一种方法:当刮开上层的涂层是就能看到下层的结果.而HTML5的canvas API中有一个属性globalCompositeOperati ...

  8. Python的print中国输出对齐问题

    问题叙述性说明: 在使用Python内置函数print当输出英语,应用格输出类型可以对齐很好: s1 = 'I am a long sentence.' s2 = 'I\'m short.' prin ...

  9. Web监控工具

    .Rabbitmq的使用及Web监控工具使用   一.文档资料        1.官方网站:http://www.rabbitmq.com/        2.安装教程:http://www.rabb ...

  10. CSS3+HTML5特效9 - 简单的时钟

    原文:CSS3+HTML5特效9 - 简单的时钟 效果演示(加快了100倍)         实现原理 利用CSS3的transform-origin 及 transform 完成以上效果. 代码及说 ...