Hbuilder编辑器怎么用 使用方法
HBuilder不仅仅提示全面的语法,非语法的各种候选输入也都能提示。
包括图片、链接、颜色、字体、脚本、样式、URI、ID、class、自定义JS对象、方法。
小编在本文详细介绍了Hbuilder编辑器的使用方法。
Q:怎么才能快速掌握HBuilder开发技巧?A:软件自带HelloHBuilder项目,该项目为教程项目(如果不小心删除了不要担心,可以在新建WEB项目时,使用HelloHBuilder模板新建出来),按照项目中的lesson1.txt中的快捷键敲一遍即可快速掌握HBuilder快速开发技巧。
Q:什么是HTML5+?A:HTML5+规范是基于HTML5的扩展规范,用于弥补HTML5和原生应用功能之间的差距。
HTML5+规范是一个开放的规范,在W3C中国的指导下,由HTML5中国产业联盟运作(www.html5plus.org),所有规范都是面向开发者的,开发者提需求、开发者评审实现方案、开发者投票选定规范。
Q:什么叫滚动条信息点?A:当代码中有重要的标记出现时,会生成滚动条信息点,在滚动条右侧出现颜色各异的点。
点击这些点或使用跳转到下一个信息点功能,可以快速到达这些代码处。
如下标记会生成信息点:书签、任务、错误提示。
Q:怎么实现代码追踪?A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方,HBuilder提供了一个非常好用的代码追踪功能,只需要按住Ctrl+鼠标左键即可实现追踪。
Q:输入small不提示,语法库是不是不全?A:代码块是否提示,取决于是否设置了这个代码块,代码块是可自定义的。
默认没有预置small代码块,你也可以在代码块弹出界面点右下角的编辑图标,进行代码块的补充修改。
另外可以使用emmet(ZenCoding)语法,这个没有提示,但敲完small,按tab,就会自动生成标签。
emmet是一种前端公开技术,网上教程很多。
Q:为什么有时候我输入代码块的名称,却没有出现想要的代码块?A:代码块的显示名称和激活字符是不同的,查看激活字符请在激活代码助手后选择代码块,看右边信息栏的详情Q:编辑器怎么实现分栏?A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。
1、左右分栏实现:鼠标点着编辑器选项卡往最右边拖动即可实现左右分栏2、上下分栏实现:鼠标点着编辑器选项卡往最下边拖动即可实现上下分栏3、组合分栏实现:组合分栏就是即有的文件向下拖动,有的文件向右拖动,Q:为什么我的代码明明是对的却报错?A:HBuilder的语法验证器是集成的三方插件,有可能其本身对某些写法不兼容,当某种语法验证器把正确代码识别为错误时,你可以在工具-选项-HBuilder-Validation中关掉那个语法验证器。
还可以设置正则表达式以兼容这种错误。
Q:有没有快速比较两个文件差异的办法?A:比较两个文档的方法是,在项目管理器按ctrl选两个文件,点右键,选比较对象Q:不建项目单独打开文件会提示有部分功能无法使用,具体是哪些功能无法使用?A:主要是跨文件的项目管理功能受影响。
HBuilder会为项目建立索引,工程间文件的链接引用关系都在管理中。
这样在跨文件引用提示、转到定义、重构、移动图片路径等很多操作中HBuilder都能智能处理。
如果单独打开文件,功能就弱了很多,当然也比普通文本编辑器多。
举个例子,,在HBuilder里写class=时,可以提示工程中各种css,classA如果是外部的css文件定义的, 可以按下ctrl点鼠标跳转到那个css中。
这都是普通文本编辑器做不到的。
如果您习惯了资源管理器做项目管理、文本编辑器做代码编辑,那么建议改变下工作习惯。
用HBuilder做统一的项目管理和文本编辑,你会发现工作效率更高。
Q:我安装了SVN插件为什么我找不到SVN的功能?A:跟eclipse的svn插件用法是一样的。
在工具-插件安装中选择svn插件安装,安装完毕后,按提示重启HBuilder。
在菜单文件-导入里,选择从svn中检出项目,配置svn地址。
在项目管理器中点右键-版本管理,里面有svn的各种提交、更新等命令。
Q:怎么才能快速记住快捷键?A:记快捷键,不如记快捷键语法。
Alt是转到,Shift是转移,Ctrl是操作。
比如Alt+括号、引号,即使转到对于的符号。
Shift+回车是,shift+空格是 。
Ctrl+D是删除行,Ctrl+F2是重构命名。
Q:为什么不能手机预览?A:WEB项目不可以手机预览页面。
只有移动APP才可以。
确定项目是移动APP后,确保移动设备插好数据线并连接到电脑。
如果是iOS设备,请确保电脑安装有itunes,如果是Android,请确定手机驱动已经安装。
此时在HBuilder下方的状态栏也会提示手机已连接然后点运行,选择对应的设备即可。
如果你只是想预览web项目,那么在菜单工具->高级选项->HBuilder->web服务器->内建服务器里,选择一个内网ip,比如192.xxx,然后手机通过wifi连入这台机器,即可预览。
Q:如何修改使用浏览器预览时,地址栏显示的IPA:依次点击工具-选项-HBuilder-Web服务器-内建服务器可修改内建服务器的IP地址为127.0.0.1或本机网卡IP内建服务器不可以运行PHP需要重启HBuilder才生效Q:真机联调的Development图标如何去掉?A:真机联调仅是为了制作手机APP,调试完毕后,需要将资源打包制作成为APP。
如果是为了在手机浏览器...
HBuilder就是Eclipse,何来最“做最好的HTML5开发工具”?!
第一:eclipse是对商用非常友好的一种协议,可以用于软件的商业授权。
包含对专利的优雅授权,并且也可以对相关代码应用商业协议。
作者不对使用代码产生的影响负责 第二:人家是免费的,相对于myeclipse来说已经很有良心了 第三:HBuilder整合开发框架,示例代码,移动端,web端,让大家更专注于开发 第四:至于你说的Eclipse+插件,在我看来HBuilder整合的更好,也有自己的优化,Eclipse开源的目的不就是为了更好的发展么,用句邓爷爷的话不管黑猫白猫能抓老鼠的就是好猫第五:要喷之前先了解清楚喷到点上,比如你喷HBuilder之前必须联网等那还能站得住理,喷到点了那叫牛逼,反之就是傻逼,出来让人贻笑大方
HBuilder支持php吗?php插件怎么用
从HBuilder6.3起,工具-插件安装,可直接选择nodeclipse插件安装。
安装完毕后重启HBuilder新建node项目:依次点击菜单文件→新建→其他如下图5.选择要新建的nodejs项目类型新建项目即可6. 在js文件里提示node.js注意:nodeclipse的编辑器和HBuilder的编辑器不同。
但node.js和web的js均以.js为扩展名,打开js文件时需分清使用哪个js编辑器打开。
一般而言,由于nodeclipse是后安装的,所以.js文件默认以node的编辑器打开,在此编辑器中是不提示HBuilder的语法助手的。
要更换打开方式,在项目管理器里对js文件点右键-打开方式,选择自己想要的编辑器打开。
还可以在菜单里设置永久文件关联,你可以设置你最常使用的方式打开。
推荐设置.js文件默认使用HBuilder的js编辑器打开后,然后在打开node.js的js文件时点右键选择nodeclipse编辑器打开。
历史材料归档:HBuilder6.3以下的版本安装nodeclipse插件的方法如下:前言,nodeclipse是基于jsdt的,HBuilder没有内置jsdt,如果要安装nodeclipse,则先要安装jsdt插件。
安装JSDT1. 依次点击工具→插件安装→手动安装eclipse插件,点击“可用软件站点”如下图2. 勾选 indigo(注:勾选后,HBuilder启动时会检查indigo已安装的插件是否有升级,从而导致软件启动过慢或者启动后很长时间内比较卡,所以安装完jdt后请将此勾重新去掉)如下图3. 点击确定后,点下拉箭头选择indigo的站点如下图,然后等待加载(此过程有点长,如有设置代理会加快加载速度)4. 加载完毕后,找到programming languages如下图5. 勾选programming languages下的JavaScript Development Tools如下图6.点击下一步,接受许可协议并安装,安装完毕后重启即可安装nodeclipse1. 依次点击工具→插件安装→浏览eclipse插件市场→搜索node.js→在搜索结果里找nodeclipse如下图2.点击上图中的install开始加载,加载完毕点下一步接受许可协议静待安装完成即可3. 安装完毕后重启HBuilder4. 新建node项目:依次点击菜单文件→新建→其他如下图5.选择要新建的nodejs项目类型新建项目即可6. 在js文件里提示node.js
小白求救sublime和DW还有hbuilder的区别,新手比较适合用哪种
sublime.可以自己添加插件.如果不添加的话.非常的轻量.打开速度和文本文档差不多.初始版本sublime text2没发现代码提示功能.一个字形容就是快hbuilder.中文.比与dw类似.但是比dw多一些功能.比如说查看路径图片的尺寸缩略图这些.也比dw少一些表单可视化可调整的功能.一个字形容就是爽dw.中规中矩.启动速度和hb差不多.还有就是不知道现在dw支不支持zen coding.一个字形容就是正
apicloud中的模块,如何在hbuilder的项目中调用
一 兵器谱在国外,最大的是Cordova(PhoneGap,2011年广泛流行),在2012年12月开源。
在国内,按时间顺序,有:2012年,AppCan2013年,DCloud2014年9月,APICloud二 CordovaCordova是Apache软件基金会的一个产品。
其前身是PhoneGap,由Nitobi开发,2011年10月,Adobe收够了Nitobi,并且PhoneGap项目也被贡献给Apache软件基金会。
Apache在2012年12月,发布了Cordova,截止到2015年12月,最新版面是3.0。
该框架的目标用户群体是原生开发者,其设计初衷是希望用户群体能够通过跨平台开发的方法降低原生开发的成本。
为此,开发人员需要安装原生开发环境,配置工程,使用HTML5、CSS3、js和原生SDK生成应用。
Cordova的优势很明显,可以使用的框架、原生接口、支持平台都很多。
但是,外国人写的东西,公司使用后,出现的技术问题难以解决。
同时,其在使用jQuery Mobile、Sencha Touch等前端框架的时候,有特效启动慢、页面切换慢、数据请求慢的特点。
三 APPCanAppCan成立于2010年,2011年推出产品并测试,2012年正式推出品牌,2013年商业模式成型,2014年开发者注册约70w。
AppCan不是开源平台,同时,企业版和部分插件是收费的。
换句话说,AppCan只是一个卖软件的商业公司。
我们认为:这会对其市场的占有率有着直接影响,闭源而没有垄断,所以前景不会太好。
四 DCloudDCloud大部分产品开源,W3C会员单位,html5中国产业联盟的发起公司之一,在Html5这个行业有一定的江湖地位。
旗下四款产品:HBuilder、5+ Runtime、MUI、流应用都是弥补并扩展HTML5特性的产品。
该公司的理念就是解决HTML5的性能、工具、能力三方面的问题。
MUI是一款不错的前端框架,性能比 jquery Mobile、Bootstrap好很多,主要区别:设计思路不同,MUI坚持用原生JS做,不依赖jQuery或者Angularjs。
MUI调用了5+ Runtime的底层原生加速,比不带原生加速的框架更快。
但是,DCloud毕竟是个新平台,发展才2年,新产品内部存在的Bug还需要很多的测试。
在其官方社区中,不少开发者也在呼吁DCloud尽快完善文档和框架。
五 APICloudAPICloud提供原生应用的功能模块(设备访问,界面布局,开放SDK等),开发者可以通过JS调用。
前端工程师负责页面布局,UI展现,及简单的交互,原生模块负责性能方面和功能实现,两者结合形成一个完整的应用。
同时APICloud提供了云数据库的功能,前端不必了解PHP,Node.js等后端语言,通过JS接口或Restful API实现数据库的增删改查。
但是APICloud的更新速度很快,版本不太稳定。
而且,它是为不懂APP开发的人士准备的,不适合科技公司和程序员。
六 兵器谱PK由上表可知,4个平台的定位是不同的,导致其产品的功能特性不一样。
七 优缺点对比
如何安装node.js支持插件
展开全部 从HBuilder6.3起,工具-插件安装,可直接选择nodeclipse插件安装。
安装完毕后重启HBuilder新建node项目:依次点击菜单文件→新建→其他5.选择要新建的nodejs项目类型新建项目即可6. 在js文件里提示node.js注意:nodeclipse的编辑器和HBuilder的编辑器不同。
但node.js和web的js均以.js为扩展名,打开js文件时需分清使用哪个js编辑器打开。
一般而言,由于nodeclipse是后安装的,所以.js文件默认以node的编辑器打开,在此编辑器中是不提示HBuilder的语法助手的。
要更换打开方式,在项目管理器里对js文件点右键-打开方式,选择自己想要的编辑器打开。
还可以在菜单里设置永久文件关联,你可以设置你最常使用的方式打开。
推荐设置.js文件默认使用HBuilder的js编辑器打开后,然后在打开node.js的js文件时点右键选择nodeclipse编辑器打开。
历史材料归档:HBuilder6.3以下的版本安装nodeclipse插件的方法如下:前言,nodeclipse是基于jsdt的,HBuilder没有内置jsdt,如果要安装nodeclipse,则先要安装jsdt插件。
安装JSDT1. 依次点击工具→插件安装→手动安装eclipse插件,点击“可用软件站点”2. 勾选 indigo(注:勾选后,HBuilder启动时会检查indigo已安装的插件是否有升级,从而导致软件启动过慢或者启动后很长时间内比较卡,所以安装完jdt后请将此勾重新去掉)3. 点击确定后,点下拉箭头选择indigo的站点如下图,然后等待加载(此过程有点长,如有设置代理会加快加载速度)4. 加载完毕后,找到programming languages5. 勾选programming languages下的JavaScript Development Tools6.点击下一步,接受许可协议并安装,安装完毕后重启即可安装nodeclipse1. 依次点击工具→插件安装→浏览eclipse插件市场→搜索node.js→在搜索结果里找nodeclipse2.点击上图中的install开始加载,加载完毕点下一步接受许可协议静待安装完成即可3. 安装完毕后重启HBuilder4. 新建node项目:依次点击菜单文件→新建→其他5.选择要新建的nodejs项目类型新建项目即可6. 在js文件里提示node.js
DIV + CSS 网页布局设计用哪个软件好
展开全部 1:初期刚接触的时候建议用Editplus,这款工具没有代码提示功能,代码高亮。
能较好的锻炼代码功底。
对于之后找工作笔试大有裨益。
2:如果你工作了,并且需要开发效率。
建议用HBuilder 。
这款工具是国产的。
不需要安装什么插件,下载就能用,很受前端开发人员的喜爱。
除了Hbuilder还可以用webstorm,这款工具也非常受前端开发人员的喜爱。
当然还有sublime Text3 这款工具也挺不错的,只不过需要安装插件。
3:以上工具是我个人常用的,当然也有很多的开发工具,比如DW 等等。
...
如何利用select2下拉框插件方法限制选框项个数
第一步,打开HBuilder开发软件,新建静态页面select2.html,并引入select2相关的css和js文件,如下图所示:第二步,在插入div和select,设置下拉框的宽度,如下图所示:第三步,在jquery初始化函数,调用select2方法生成下拉框,如下图所示:第四步,预览该静态页面,操作下拉框,发现可以选择零个或者全部,如下图所示:第五步,select2方法里添加限制最多选项的属性,设置为4个,如下图所示:6第六步,再次预览该静态页面,操作下拉框发现最多只能选择4个,如下图所示:
sublime有支持js字符串中的css,html高亮,自动补全插件么
展开全部 Sublime插件的安装Emmet 功能:编码快捷键,前端必备 简介:Emmet作为zen coding的升级版,对于前端来说,可是必备插件; sublime-autoprefixer 功能:CSS添加私有前缀 简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题 使用:Ctrl+Shift+P,选择autoprefixer即可。
需要安装node.js。
JSHint JSHint 是一个 JavaScript 检测器,它会查看你的代码,并验证其是否具有正确的样式和语法,避免犯相关的常见错误。
无论你是个新手还是老手,JSHint 都是必不可少的。
Sublime Text插件安装与配置方法 sublime编辑器的操作方法...
转载请注明出处51数据库 » hbuilder 软件插件
你好我叫李狗蛋