转载自:https://www.bbsmax.com/A/QV5Z9vr2Jy/
- <!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>