Hbuilder常用快捷键功能.

来源:互联网 发布:js添加dom resize事件 编辑:程序博客网 时间:2024/05/18 00:37

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


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <metacharset="utf-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <p>
  9. 1.新建项目:
  10. ctrl+N+W(web端)
  11. ctrl+N+A(移动端项目)
  12.  
  13. 2.新建文件:
  14. 鼠标点击目标目录/项目目录,
  15. ctrl+n+h(新建html文件)
  16. ctrl+n+j(新建js文件)
  17. ctrl+n+c(新建css文件)
  18.  
  19. 3.打开文件夹项目在Hbuilder浏览:
  20. 直接拖拽进来
  21.  
  22. 4.编辑常用快捷键
  23. Hbuilder快捷键命令:ctrl+shift+L
  24.  
  25. 边看边改模式:ctrl+p(打开) ctrl+shift+p(关闭)
  26.  
  27. 新建文件:当前正在编辑位置按
  28. ctrl+n+h(新建html文件)
  29. ctrl+n+j(新建js文件)
  30. ctrl+n+c(新建css文件)
  31.  
  32. 换行符:shift+回车 “<br/>
  33. 删除行:ctrl+d
  34. 复制行:ctrl+c
  35. 跳转行:ctrl+g
  36. 快捷搜索:ctrl+ctrl<!--关闭方法:工具>选项>hbuilder取消勾选双击Ctrl搜索-->
  37. 普通搜索替换:ctrl+f
  38. 高级搜索替换:ctrl+h
  39. 浏览文件:ctrl+r
  40. 选择标签区域:ctrl=[
  41. 折叠标签区域:ctrl+alt+ '-'
  42. 打开标签区域:ctrl+alt+ '+'
  43. 放大字体:ctrl+shiift '+' 一般用(ctrl+滚轮)
  44. 缩小字体:ctrl+ '-'
  45. 单行注释:ctrl+?
  46. 多行注释:ctrl+shift+?
  47. 区域注释:ctrl+shift+b
  48. 编写标签免写 <!--'<>'-->
  49. 光标移动:alt+箭头
  50. <!--例如:<input type="" name="" id="" value="" /> 或者用tab-->
  51. 到行首:home
  52. 导航尾:end
  53. 上翻页:pageUp
  54. 下翻页:pageDown
  55. 选中括号/引号内容:在括号或者引号一边双击选中
  56. <!--例如:
  57. <input type="button" name="" id="" value="" />
  58. <div class="absolute">
  59.  
  60. </div>
  61. -->
  62. </p>
  63. <pid="scs">
  64. 打开语法提示:工具>选项>hbuilder>语法效验
  65. emmet的使用:
  66. <ahref=""></a>
  67. <imgsrc=""alt=""/>
  68. <styletype="text/css">
  69. .a{
  70. db:display: block;
  71. dn:display: none;
  72. oh:overflow: hidden;
  73. w:width:;
  74. w10:width:10px;
  75. h:height:;
  76. mr margin-right:;
  77. bott: border-top:;
  78. posa:position: absolute;
  79. posr:position: relative;
  80. @key||@kf
  81. ani
  82. }
  83. </style>
  84.  
  85. 快捷方式查询地址:<ahref="http://emmet.evget.com/"></a>
  86.  
  87. hbuilder快捷键自定义编辑:
  88.  
  89. 工具>代码块>html||css||js:
  90.  
  91. <scripttype="text/javascript"charset="utf-8">
  92. /*document.getElementsByTagName("span")//dtag
  93. var c = document.getElementById("span").getContext("2d");//varc
  94. $("")//dl
  95. dqs:document.querySelectorAll("")
  96. document.querySelectorAll("boyd p")*/
  97. // alert(document.querySelectorAll("#scs style")[0].innerHTML) //iE8以上都支持
  98. // document.querySelector("")返回对象
  99. // document.querySelectorAll("")返回一个集合
  100. </script>
  101.  
  102. hbuilder插件:svn git php less ftp 压缩插件
  103.  
  104. 最后:hbuilder 各种开发文档 HTML5+ Native.js 5+SDK MUI
  105. </p>
  106.  
  107. <!--博客园-->
  108. <!--建议把学习中遇到的问题写在博客园中笔记中,方便以后查阅-->
  109. 经常逛的网址:
  110. csdn: <ahref="http://www.csdn.net/"></a>
  111. 博客园:<ahref="http://www.cnblogs.com/"></a>
  112. 前端网:<ahref="http://www.w3cfuns.com/"></a>
  113. 大前端:<ahref="http://www.daqianduan.com/"></a>
  114. </body>
  115. </html>

原创粉丝点击