当前位置:首页 > 日记 > 正文

hbuilder格式化快捷键 | HBuilder快捷键

hbuilder格式化快捷键 | HBuilder快捷键

HBuilder快捷键

1.

在Hbuilder点击“选项”就OK了,选项在工具下边喔。

2.

既然是要设置修改快捷键,则点击“快捷键”即可哟。展开常规列表就可以看到了。

3.

可以设置某一种编辑器,这样快捷键就会跟着变化哦。

4.

也可以指定特定的选项,为它设置快捷键哟,我就设置这个。

hbuilder快捷键注释

第一步:选中要注释区域第二步:(1)单行注释:ctrl+/(2)多行注释:ctrl+shift+/顺便说一下取消注释快捷键单行注释:选中待取消注释区域-->ctrl+/多行注释:光标放置在待取消注释区域任意一行(或选中任意一部分区域,当然你选中整个区域也没问题)-->ctrl+shift+/

hbuilder快捷键重复代码

1. 在桌面上单击右键,在弹出的菜单中选择“新建”*“快捷方式”,并在向导的指引下建立一个指向该应用程序的快捷方式 2. 在新建的快捷方式上单击右键,选择“属性”,在“快捷方式”选项卡下单击“快捷键”文本框,接着在按下键盘功能键(如Alt、Ctrl、Shift及其组合键)的同时输入准备设置的热键(可以是任意的字母和数字的组合,但注意不能和Windows自身的快捷键重复)3. 单击“确定”退出。

以后,用户只要按下设置好的快捷键,系统即可加载对应的应用程序。如果此时该应用程序已经启动,在按下快捷键之后,可直接切换到该应用程序的工作窗口

hbuilder快捷方式

前去官网下载HBuilder解压、创建快捷方式安装插件配置外部服务器浏览器运行URL,一定要是apache项目的主目录END注意事项浏览器运行URL,一定要是apache项目的主目录

hbuilder快捷键用不了

有时候我们用HBuilder写程序的时候,总是忘记怎样快速写li如下:<ul><li></li><li></li><li></li><li></li><li></li></ul>快捷键如下:ul>li*5 按住tab键即可效果如上如果我们要写如下代码:<div ></div>那么也是div.ws 按住Tab键即可

hbuilder快捷键出代码用不了

在“编辑”->“高级”那里有一个自动换行的选项,快捷键为Ctrl+E,Ctrl=W。这样就可以实现自动换行了!这个不知道靠谱不靠谱

hbuilder快捷键大全

通过HBuilder的云端打包技术(也可以放到本地), 你只需要写html+js+css即可开发出app, 并且是一次开发,即可生成android和ios两种对应app。 原理介绍-ui层 app中的ui对应html中的ui,你可以自行选择ui框架, 无论是bootstrap还是amazeui,还是jquery mobi(phonegap推荐ui), 还是HBuilder推荐的mui都可以, 这里建议使用HBuilder推荐的mui, 因为封装了一部分nativejs的东西, 而且HBuilder也封装了mui的快捷键,使用起来很方便。 总结一下,就是用html层次的ui框架来实现(模拟)app中的ui。

hbuilder快捷键复制当前行

回答如下:

HBuilder常用的快捷键:

Alt + [ 匹配括号

Alt + ↓跳转到下一个可编辑区

Ctrl + Alt + j 合并下一行

Ctrl + Alt + ←选择助手

Ctrl + 回车 换行

Ctrl + Shift + 回车 向上换行

Ctrl + d 删除一行

Ctrl + Shift +R 复制上一行

创建HTML结构: h 8 (敲h激活代码块列表,按8选择第8个项目,即HTML代码块,或者敲h t Enter)

中途换行: 'Ctrl+Enter'

设置charset: m e 6 Enter

引用外部js: s 2 Enter 'Ctrl+Enter'

创建js区块: s Enter

创建函数: f u n 3 (或者 f u n n Enter)

为函数命名:W h o i s E

跳转到函数末尾: End 'Alt+[' ↓ 'Ctrl+Enter' (Alt+[是跳转到匹配括号的意思)

创建style节点: s t Enter ↓ 'Ctrl+Enter'

引用外部css: l Enter Enter

跳转到下一个可编辑区: 'Alt+↓'

创建img标签: i m Enter Enter 'Ctrl+Enter'

插入换行符: 'Shift+Enter' Enter

创建div并设id和class: d i Enter d 1 → Space c Enter Enter (这里提示的class列表是在test.css里定义的)

转到class的定义处:'Ctrl+Alt+D' (按Alt点击鼠标也可以)

关闭标签页:'Ctrl+w' (切换标签页则可以用Ctrl+e)

添加自定义属性data-test并赋值1: → Space d 7 t e s t Tab 1

合并下行:'Ctrl+Alt+j' 'Ctrl+Enter'

创建超链接并设id: a Enter Enter → Space i Enter a 1

使用选择助手选中#d1:'Ctrl+Alt+←' 'Ctrl+Alt+←' 'Ctrl+Alt+←' (如果快捷键冲突,可使用Alt+S U,或者鼠标双击引号)

重新修改链接指向新创建的a1: BackSpace 'Alt+/' Enter 'Ctrl+Enter'

创建ul: u Enter

折叠代码:'Ctrl+Alt+-'

向上插入空行:'Ctrl+Shift+Enter' Tab (一般Ctrl+某字母的快捷键,变成Ctrl+Shift+相同字母,大多代表相反意义)

没有代码块时,使用emmet语法创建标签:n a v Tab (如果不知道emmet技术,请搜索学习,前端必学)

使用shift转码输入空格:'Shift+Space' (如果与输入法快捷键冲突,也可输入& n 2)

创建按钮:'Ctrl+Enter' i n Enter Enter Tab Tab w h o Space i s Space e →

添加点击事件: Space o n c k Enter w h o Enter → (onck是模糊匹配,不用输入完整单词也会模糊匹配,除代码块外所有语法提示都支持模糊匹配)

使用转到定义到js函数:'Ctrl+Alt+D' ↓

------以下为js部分

定义一个变量e: v a r Space e ; Enter

为e赋值:e Space = Space d o Enter . g 6 " Enter (可提示样式列表)

使用回车或Tab跳转光标到绿色竖线(若没有绿色竖线请使用End到行尾):Enter ; Enter

为e赋值2:e Space = Space d o Enter . g 8 " d 8 Enter ; Enter (可提示标签列表)

为e赋值3(这个代码块很常用):e Space = Space $ (或者dg) Enter 2 Enter ; Enter (可提示id列表,注意选择d1)

为e设置algin属性: e . s e 2 " a l Enter → , " c Enter Enter ; Enter

设置自定义属性:e . s e 2 " d Enter → , " 2 Enter ; Enter

提示字体列表: e . s t Enter . f o 2 = " Enter Enter ; Enter

提示图片列表: e . s t Enter . b 7 = " h b Enter Enter ; Enter

还能这么写css: e . s t Enter . c s 2 = " b 7 h b Enter → ; Enter

写switch对e判断:s w 2 e . s t Enter . d i s Enter Tab

case处提示display的值域:" - w e Enter

跳转到switch结尾(有绿色竖线):Enter Enter

写if代码块:i f f Enter (或者使用i f 2)

为if添加条件判断属性里的样式:e . g e t a t Enter " c Enter Enter ! = " Enter ↓

设置e的样式:e . c l 2 (此处也可以用c l n Enter) = " Enter Enter ; ↓ Enter

js里可以提示html: e . i n n Enter = " < f o Enter Space c o Enter Enter Enter ; Enter

e赋值改为超链接:e Space = Space $ Enter Enter Enter ; Enter

给a1加链接地址:e . h r Enter = " Enter Enter ; Enter

给a1加target:e . t 5 = " Enter Enter ; Enter

e赋值改为image对象:e Space = Space n e w Space i m 6 Enter ; Enter

为img增加图片: e . s r Enter = " Enter Enter ; Enter

e赋值改为indexedDB对象:e Space = Space w i Enter . i Enter Space | | Space w i Enter . i n d e x e d 5 Space | | Space w i Enter . i n d e x e d 3 Space | | Space w i Enter . i n d e x e d 2 ; Enter

确认e可被浏览器识别:i f f Enter (也可以使用i f 2) t y 4 e Enter ↓

执行indexdb的方法:e . o p Enter " t e s t Enter ; ↓ Enter

------以下为删除又添加上外部css引用

定义head变量:v a r Space h e a d Space = Space d o Enter . g 8 " h e Enter Enter [ 0 → ; Enter

with里也可以提示: w i t h h (或者w i t 2) Enter h Enter ↓

获取head的最后一个子节点:v a r Space l Space = Space l e c Enter ; Enter (with里的head可直接识别子对象)

去掉该子节点:r e m 6 l → ; ↓ Enter (head的lastElementChild就是外部引用的css)

动态生成一个css文件引用:e Space = Space d c Enter l 5 Enter ; Enter

添加属性:e . r 3 = " s t y Enter Enter ; Enter

设置type: e . t y Enter = " c Enter Enter ; Enter

设置href:e . h r Enter = " . c Enter Enter ; Enter

将e加入head中:h Enter . a p Enter e Enter Enter ; Enter

------演示重构,即重命名变量

用代码块定义一个变量s:v a r s Enter Tab e Space i s Space 'Ctrl+Enter'

判断e的属性:i f e(或i f 3) 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,左边保存右边自动刷新。

相关文章

ps清空画布快捷键 | ps一键清空画

ps清空画布快捷键 | ps一键清空画

快捷键,清除,网格,删除,清空,ps一键清空画布快捷键可以先选中所有图层,然后按Ctrl+E合并,然后填充白色就可以了。1、电脑打开Photoshop。2、打开Photoshop后,打开一个文档。3、打开图片文档后,按Shift键选中所有图层。4、选中所有图层后,按Ctrl+…

北京精雕软件快捷键 | 北京精雕软

北京精雕软件快捷键 | 北京精雕软

北京,快捷键,快捷键大全,设置,节点,北京精雕软件快捷键怎么设置单击梁与柱对齐后,在先左单击梁 , 在点与其在一条直线的柱,让后就会有往那一边对齐的命令 比如是上对齐 你就点梁的上面空白出 就可以啦北京精雕快捷键命令大全冲压快捷键:shift+R…

电脑表格查找快捷键 | 电脑表格查

电脑表格查找快捷键 | 电脑表格查

查找,快捷键,快速查找,图标,表格,电脑表格查找快捷键是哪个excel查找快捷键:ctrl+f。Excel中,Ctrl+F是查找替换的快捷键,按下这两个键,会出现查找替换对话框打开excel表格,属于一些重复的数值作为例子;使用快捷键ctrl+f打开查找窗口接着输入要查…

联想投屏快捷键 | 联想投屏快捷键

联想投屏快捷键 | 联想投屏快捷键

快捷键,联想,设置,投影,屏幕,联想投屏快捷键怎么设置需要和电脑优先建立无线网络连接以及驱动联想投屏快捷键怎么设置出来首先你的家里要具备,智能电视一台、智能手机一部、以及一个高清互联网机顶盒。这三者都具备的时候,就可以做手机投屏电…

wps表格求积快捷键 | wps表格中求

wps表格求积快捷键 | wps表格中求

文档,输入,快捷键,文字,操作,wps表格中求积怎么弄1、打开wps表格,输入所需要的数据。 2、比如在C1中先求A1和B1的积,在C1输入=A1*B1。 3、然后敲Enter键,结果就出来了。 4、下面那么多的数字,一个一个照以上的算法也行,但是就是太麻烦。可以这样…

电脑系统截图快捷键 | 电脑系统截

电脑系统截图快捷键 | 电脑系统截

快捷键,电脑系统,修改,设置,屏幕截图,电脑系统截图快捷键更改1. 首先打开手机的设置然后选择【通用】-点击【辅助功能】。2. 在辅助功能页面选择【辅助触控】-在新的页面点击【长按】选项。3. 到这里就只剩最后一部了,首先把长按时间设置在0…

ps裁切工具快捷键 | ps裁切线工具

ps裁切工具快捷键 | ps裁切线工具

快捷键,工具,切线,快速,电脑软件,ps裁切线工具快捷键剪切快捷键怎么按?操作步骤如下:1.先按住键盘上的Ctrl,不要松开,再按住V键即可;2.或者同时按住Ctrl加上V键也可以的哦。以上就是剪切快捷键的操作,是不是很简单呢。photoshop裁剪工具的快捷键…

电脑怎样锁屏幕快捷键 | 电脑快捷

电脑怎样锁屏幕快捷键 | 电脑快捷

快捷键,锁屏,如何用,电脑软件,电脑快捷键如何锁屏1、对于手机来说,锁屏键一般是在机身右侧或左侧一个带防滑楞滑动或按键式的操控键即是,一般是在机身左右两边。当手机屏幕是亮的,按下此键后屏幕自动变黑。2、对于电脑来说,想达到锁屏效果有多…

苹果手机挂电话快捷键 | 苹果手机

苹果手机挂电话快捷键 | 苹果手机

快捷键,拨打电话,设置,接电话,怎么弄,苹果手机拨打电话快捷键1. 打开 【iPhone 设置 - SOS紧急联络】,滑动到页面最下方:- 打开“倒计时警示音”选项。- 打开“使用侧边按钮呼叫”选项- 打开“自动呼叫”选项2. 当人员受困时,可持续按住【电源…

cad图形旋转快捷键 | cad中图形旋

cad图形旋转快捷键 | cad中图形旋

快捷键,图形,命令,常用快捷键,电脑软件,cad中图形旋转快捷键1、打开AutoCAD,点击界面右下方“对象捕捉”旁边的三角形,在弹出的选项栏中勾选“端点”、“中点”、“圆心”、“几何中心”、“交点”。2、点击左上角的直线工具画一个四边形,也可…

苹果手机关机快捷键 | 苹果手机怎

苹果手机关机快捷键 | 苹果手机怎

快捷键,设置,快捷,快速,如何设置,苹果手机怎么快捷关机键1、长按iPhone机身上的按钮,强制关机。2、点击手机桌面“设置”功能。3、在设置菜单点击“通用”选项。4、在界面底部找到“关机”选项,点击进入。5、从左往右滑动手机屏幕,进行关机。6…

ppt居中对齐快捷键 | ppt居中对齐

ppt居中对齐快捷键 | ppt居中对齐

快捷键,对齐,文本,文字居中,左对齐,ppt居中对齐快捷键ctrl加什么快捷键1较熟悉的快捷键Ctrl+A 全选Ctrl+X 剪切Ctrl+C 复制Ctrl+V 粘贴Ctrl+Alt+V 选择性粘贴Ctrl+S 保存2功能最“强大”的快捷键F12 另存为F4 重复上一步操作Ctrl+方向键 元…