HBuilder常用的快捷操作

编程工具 0 1390
邮箱用户_8st46
邮箱用户_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浏览:
               直接拖拽进来
④.编辑常用快捷键

  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<!--关闭方法:工具>选项>hbuilder取消勾选双击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. <!--例如:<input type="" name="" id="" value="" /> 或者用tab-->
  26.       到行首:home
  27.       导航尾:end
  28.       上翻页:pageUp
  29.       下翻页:pageDown
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <p>
  9. 选中括号/引号内容:在括号或者引号一边双击选中
  10. <!--例如:
  11. <input type="button" name="" id="" value="" />
  12. <div>
  13. </div>
  14. -->
  15. </p>
  16. <p id="scs">
  17. 打开语法提示:工具>选项>hbuilder>语法效验
  18. 快捷方式查询地址:<a href="http://emmet.evget.com/"></a>
  19. hbuilder快捷键自定义编辑:
  20. 工具>代码块>html||css||js:
  21. <script type="text/javascript" charset="utf-8">
  22. /*document.getElementsByTagName("span")//dtag
  23. var c = document.getElementById("span").getContext("2d");//varc
  24. $("")//dl
  25. dqs:document.querySelectorAll("")
  26. document.querySelectorAll("boyd p")*/
  27. // alert(document.querySelectorAll("#scs style")[0].innerHTML) //iE8以上都支持
  28. // document.querySelector("")返回对象
  29. // document.querySelectorAll("")返回一个集合
  30. </script>
  31. </p>
  32. </body>
  33. </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/
  2. 博客园:http://www.cnblogs.com/
  3. 前端网:http://www.w3cfuns.com/
  4. 大前端:http://www.daqianduan.com/

四、转载说明

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

点赞 0 收藏(0)    分享
相关标签: HBuilder
问题没解决?让AI助手帮你作答 AI助手
0 个评论
  • 消灭零评论