hbuilder使用技巧总结
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提升HTML、js、css的开发效率。
下载安装
- 下载在官网,免费
- 主题风格:设置字体为17号
- 修改格式化风格:工具-选项-hbuilder-整理代码格式设置-复制一份 a. html-修改-“缩进去掉所有勾选,,空行-删除所有添加,b. css修改-换行和空白全部去掉了,c. js不修改,
- 代码块:没有详细研究
- 设置项目编码1:工具-选项-常规-工作空间-设置为gb2312
- 设置项目编码2:在项目文件夹右键设置为gb2312编码格式
- 控制器和web浏览器都放在右边,控制台用于调试错误,浏览器用于方便快速查看效果
快捷键:
- 整理格式编码:
ctrl+shift+f
或者右键,修改的话会造成a不能输入 - 另存为:文件-选择另存为
- 注释快捷键:
ctrl+/
- 删除行:修改为
ctrl+y
- 复制行:
ctrl+c-ctrl+v
- 重名名:
f2
, - 当前行下方插入行:
ctrl+enter
- 追踪函数或class:
alt+click
- 关闭当前的文件:
ctrl+w
- 修改编码:文件-其它编码形式打开
- 新建函数
funn
- 插入换行符:
Shift+Enter
iff
可以输入if代码块forr
可以输入for代码块
特点:
- 优点:智能提示和代码块比较好、中文、mui漂亮、开发app打包方便、主题舒服少折腾
- 缺点:启动速度慢、不能自动保存、不显示是否被引用
每个人的心里都有一团火,路过的人只看到烟。