设为首页 加入收藏

TOP

前端开发工具HBuilder使用技巧以及快捷键(二)
2019-09-17 19:00:18 】 浏览:51
Tags:前端 开发工具 HBuilder 使用技巧 以及 快捷
) Enter e . g 2 " d Enter Enter = = n u 2 ↓ 为s赋值:s = s + e . o u Enter ; 'Alt+↓' 为s赋值:s = s + " u n k n o w → ; ↓ Enter 将s打印出来:a l Enter s  选择s并转到定义:'Shift+←' 'Ctrl+Alt+D'(按Alt点击鼠标也可以) 重构s的命名为ss:'Ctrl+F2' Enter s s Enter Enter (弹出对话框可预览重构结果) 跳转到函数末尾:'Alt+↓' 'Alt+↓' Enter

添加一个启动事件: a d Enter " d o m l o Enter → , f u n a Enter (此处也可以是f u 6) ↓ 提示自定义函数的jsdoc: f i n i Enter 1

------css部分

跳转到CSS:'Alt+↓' 给body加样式:b o Enter { Enter emmet方式增加textalign:t c Tab Enter 模糊匹配增加user-select:u s e r s 4 5 写下一个样式:↓ Enter 为input增加样式:i n Enter [ t y Enter = Enter → { Enter 使用代码块设置宽度:w 9 9 0  ↓ Enter 为ul加样式:u l { d n Enter 'Ctrl+Enter' ID也可以提示:# 2 { Enter 提示字体列表:f f Enter Enter Enter 回车自动补行尾分号:Enter 增加background-image:b i Enter h b Enter 大功告成,保存并运行起来看看:'Ctrl+s' 'Ctrl+r' 如果你屏幕够宽,也可以点击右上角视图切换,换到边改边看视图Ctrl+P,左边保存右边自动刷新

 

#后记: 日后若需查阅所有代码块,点击菜单视图-显示视图-其他-HBuilder-代码块。 若需要自定义代码块,点击菜单工具-扩展代码块。 若需修改或搜索快捷键,点击菜单工具-选项-常规-快捷键。 若浏览快捷键,点击菜单帮助-快捷键。

##快捷键语法: 很多软件有几百个快捷键但没人记的住。为了解决这个问题,HBuilder引入了快捷键语法。 HBuilder的快捷键是有规律的,虽然与其他软件不同。但记忆几条快捷键语法,就能记住大多数快捷键。 1. Alt是跳转,Shift是转义,Ctrl是操作。  比如Alt+括号、引号,即转到对应的符号。  Shift+回车是<br/>,shift+空格是&nbsp;。  Ctrl+D是删除行,Ctrl+F2是重构命名。 2. Ctrl+某字母的快捷键,变成Ctrl+Shift+相同字母,大多代表相反意义  比如Ctrl+p和Ctrl+Shift+p,分别是开启和关闭边看边改模式。 3. HBuilder继承windows所有标准快捷键。  比如Tab和Shift+Tab的缩进与反缩进,Ctrl+左右是光标跳转一个单词 4. 所有菜单命令都有&快捷键  按下Alt+F等字母就可以激活菜单,菜单里每个项目文字后面括号里的字母都是&快捷键,敲下字母就激活那个菜单项。 虽然你可能习惯了原来使用的工具的快捷键,但可以忘掉它了,这套快捷键语法才是值得记忆的。

##代码块激活字符原则 1. 连续单词的首字母。  比如js中:dg激活document.getElementById("");  vari激活var i=0;  而css中,dn激活display: none; 2. 整段HTML一般使用tag的名称。  比如script、style,通常,敲最多4个字母即可匹配到需要的代码块,不需要完整录入。  如sc回车、st回车,即可完成script、style标签的输入。 3. 同一个tag,有多个代码块输出,则在最后加后缀。  比如meta输出<meta name="" content=""/>,  但metau则输出<meta charset="UTF-8"/>,metag同理。 4. 如果原始语法超过4个字符,针对常用语法,则第一个单词的激活符使用缩写。  比如input button,缩写为inbutton,同理intext是输入框。 5. js的关键字代码块,是在关键字最后加一个重复字母。  比如if直接敲会提示if关键字,但iff回车,则出现if代码块。  类似的有forr、withh等。  由于funtion字母较长,为加快输入速度,取fun缩写,  比如funn,输出function代码块,而funa和func,分别输出匿名函数和闭包。

首页 上一页 1 2 下一页 尾页 2/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇CSDN,CNBLOGS博客文章一键转载插.. 下一篇AJAX调用数据,滚动到底部

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目