<!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: ; w10: 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>