Hbuilder编辑器怎么用 使用方法

Hbuilder编辑器怎么用 使用方法

图片[1]-Hbuilder编辑器怎么用 使用方法-学吧号

Q:怎么才能快速掌握HBuilder开发技巧看A:软件自带HelloHBuilder项目,该项目为教程项目(如果不小心删除了不要担心,可以在新建WEB项目时,使用HelloHBuilder模板新建出来),按照项目中的lesson1.txt中的快捷键敲一遍即可快速掌握HBuilder快速开发技巧。Q:什么叫滚动条信息点看A:当代码中有重要的标记出现时,会生成滚动条信息点,在滚动条右侧出现颜色各异的点。

点击这些点或使用跳转到下一个信息点功能,可以快速到达这些代码处。

如下标记会生成信息点:书签、任务、错误提示。Q:怎么实现代码追踪看A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方,HBuilder提供了一个非常好用的代码追踪功能,只需要按住Ctrl+鼠标左键即可实现追踪。 Q:输入small不提示,语法库是不是不全看A:代码块是否提示,取决于是否设置了这个代码块,代码块是可自定义的。默认没有预置small代码块,你也可以在代码块弹出界面点右下角的编辑图标,进行代码块的补充修改。

另外可以使用emmet(ZenCoding)语法,这个没有提示,但敲完small,按tab,就会自动生成标签。emmet是一种前端公开技术,网上教程很多。

使用HBuilderX制作网页的步骤是什么

图片[2]-Hbuilder编辑器怎么用 使用方法-学吧号

方法/步骤6/6 分步阅读首先创建一个web项目,文件——新建——Web项目。2/6输入项目名称,点击确定。

3/6然后在新建的WEB项目中点击右键,创建一个目录。

4/6输入名称,这里以html为例,因为是存放html文件。5/6然后在html目录下创建html文件,所创建的html文件会有个默认名,改成自己想要的名称。然后根握你的需要选择模板(html5还是html4,默认是html5),我这里默认。查看剩余1张图6/6然后完善你的代码,下面代码个人随便弄,不要看。

然后点击如图所示的图标,运行你的html代码,查看效果(如图所示浏览器要选择你电脑上有安装的)。就可以看到第一张图中的效果了。

对于前端开发我们需要什么样的工具?

图片[3]-Hbuilder编辑器怎么用 使用方法-学吧号

作为一个前端开发工程师,使用一款自己上手且功能强大的开发工具是非常重要的,但是面对这么多开发工具,到底哪个比较好呢?下面我个人推荐几款自己感觉还不错的前端开发工具,希望作为大家的参考。1、hbuilder作为一个编程的菜鸟,对于英语真的是有心无力,尤其是一些国外的开发工具都是英文界面,我就非常的不喜欢。

hbuilder是国产的一款前端开发工具而且是免费的,对于英语不好的前端工程师是一个不错的消息。

hbuilder的官方大致是这么解释为什么要开发hbuilder的:HTML最开始其实不是一个编程语言,确实用不着什么ide。但是发展到现在,7w多个语法,js越来越庞大,真开发一个达到原生水准的App,不是用以前的文本编辑器能搞定的。目前竟然没有一个开发工具能把7w多HTML5语法提示齐全,这不科学,在原生开发里这是不可想象的,xcode之于iOS,eclipse之于Android,vs之于winphone,在语法提示、转到定义、重构、调试等方面都非常高效。作为同时熟悉原生和HTML5开发的我们,我们在开发HTML5时明显感受到效率低下。

于是有了hubuilder。确实是hubuilder支持左右的前端语法代码提示,这个是我最喜欢的它的一个原因,而且还有强大的其他语言支持和开发webapp等功能,强大到没朋友。缺点也是有一些的,就是其有些稳定,有时可能会有些卡顿的现象,希望官方修复。

2、sublime textsublime text是一个轻量级的编辑器,也是支持各种编程语言,sublime text所有的强大功能都是支持插件的,而且快捷键十分的好用,可以极大的减少开发的劳动程度,使用sublime就是要使用其快捷键和插件。该软件的优点的轻量级但是功能强大,缺点是对于项目的管理等不是很方便,代码提示不如hubuilder强大。3、dreamwave这是一款很经典的前端开发工具了,以前人们使用的是它的可视化开发工具,但是现在它只能是作为一个代码编辑器来使用的,当然一些可视化的功能现在也是用的上,如要插入Flash视频等还是使用可视化简单一些,毕竟不是所有人都能纯手写哪些意义不大的代码,优点是人们熟悉稳定,支持一些可视化的插入操作,缺点是代码提示不好,不能进行快速的开发只能是作为学习使用。

总结:以上只是前端开发工具中个人比较熟悉的,除此之外还有很多优秀的前端开发工具如webstorm等,大家可根据自己的喜好选择自己习惯的工具进行开发。

苹果手机,APP,陌生人推荐?

图片[4]-Hbuilder编辑器怎么用 使用方法-学吧号

1、安装iOS上架辅助软件Appuploader
2、申请iOS发布证书(p12)
3、申请iOS发布描述文件(mobileprovision)
4、打包ipa
5、上传ipa到iTunes Connect
6、TestFlight方式安装到苹果手机测试
7、设置APP各项信息提交审核

一、下载安装iOS上架辅助软件Appuploader

Appuploader下载链接

Appuploader可以辅助在Windows、linux或mac系统直接申请iOS证书p12,及上传ipa到App Store

方便快捷,配合本教程使用,可以快速掌握如何真机测试及上架!

下载软件包后解压直接使用,无需安装。

如果win 32位系统点击appuploader.exe启动时提示(下图所示),32位系统需要点击appuploader.jar或者start.bat启动

Windows 32的系统请先安装好java环境再启动软件

java环境安装教程

一、申请iOS发布证书(p12文件)

发布证书用于上架,证书有p12及mobileprovision两个文件,配套使用,先申请p12!

1.1、点击右下角+ADD选择

类型:下拉选择发布证书
证书名称:不要中文、随意设置
邮箱:随意
密码:证书的密码、比如设置123这样,不用很复杂,记好、打包时要用、很重要
应用id:这里不用选
点击ok创建。

注意:iOS发布证书最多能申请3个,如果账号已经有3个发布证书了,将申请报错(如下图)

p12有数量限制,但可以公用! 也就是一个p12可以对应无数个描述文件(mobileprovision)组成无数套证书上架不同的APP!

也可以删掉之前的发布证书,重新创建,不会影响已上架的app。

1.2、创建成功后,找到刚创建的发布证书(iOS Distribution这个类型的就是发布证书,如果之前创建过请看过期时间就知道哪个是新创建的了),点击p12 文件,下载保存.p12证书文件到电脑。

二、创建iOS发布描述文件(.mobileprovision文件)

2.1、返回Appuploader首页,选择描述文件进去。

在申请ios描述文件之前先加个应用id(如果之前加过要用以前加过的应用id,可跳过此步)

应用id:又称套装id,appid,BundleID,包名,各打包平台叫法不同!

点击右下角+ADD,在应用id项,点击下拉三角符号即可看到以前加过的记录!

初次使用或者需要上架另一个项目app需要先创建一个新的应用id!

3.1、添加新应用ID步骤,点击添加应用id!(不同的APP需要编写不同的应用id相当于app的身份证)

应用id:三段式格式、如app名称是淘宝,可以编写为com.app.taobao,自由编写!不能重复!具有唯一性@
名称:数字或者字母,自由编写,不要中文,不能重复。

点击ok添加!

如果添加报错(应用id具有唯一性,可能重复添加或者别人用过这个应用id),解决办法就是查看自己是否已经加过,或者修改编下应用id再添加。

点击ok只要没弹出报错就是添加成功了,注意先关掉窗口,重新点右下角+ADD进入下拉应用id可查看刚添加的应用id是否存在。

在AU软件添加的应用id只有默认权限,如果你需要开通推送通知、苹果支付等权限需要到苹果开发者中心配置!
在苹果开发者中心也可以添加应用id,在au及开发者中心添加是一样的互通的!

苹果开发者中心添加应用id及配置相关权限教程

2.2、添加成功后,点击右下角+ADD,进入添加界面!
Type:下拉选择发布版profile
应用id:选择对应的应用id(又称套装id,appid,BundleID,包名)
证书:选中全部就行
Devices:设备这里不像选开发版profile时会出现,发布版不用选。
输入名称:不要中文,随意,123之类的就行,注意不要跟之前申请过的名称一样),点击ok创建。

2.3、选择刚创建的发布版描述文件(iOS Distribution这个类型的就是发布描述文件,找刚创建的输入的名称),点击Download下载,保存到电脑

申请到p12及mobileprovision这两个iOS证书文件即可去打包了!

四、iOS打包IPA

各开发者工具打包教程,根据自己使用的平台去打包,证书都是一样用。

这里介绍了几个平台的打包教程,对应自己使用平台的看看,没有写的平台如果不会可以问下技术支持。

开心App平台打包网站教程
HBuilder打包教程
APICloud打包教程
phonegap打包教程
xcode打包教程
APPcan打包教程
变色龙打包ipa教程

这里以HBuilder平台为例

4.1、打开HBuilder工具,选择开发好的项目,点击发行,选择发行为原生安装包。

4.2、选择iOS打包,支持的设备类型(可以选择支持iPhone和支持ipad),选择使用苹果证书

AppID:跟申请证书描述.mobileprovision时选择的要一致(又称套装id,appid,BundleID,应用id,包名)
profile文件:选择上传配置文件.mobileprovision
私钥证书:上传.p12文件
私钥密码:输入创建p12设置的密码。

然后点击打包。

4.3、打包成功后,下载保存ipa,这个ipa包就能安装到手机测试了。

hbuilder控制台窗口没有了,在哪里打开?

图片[5]-Hbuilder编辑器怎么用 使用方法-学吧号

命令提示符程序(Linux里用终端,windows里用cmd.exe或者power shell ),是目前代码编辑器不可或缺的部分,大家喜爱的WebStorm、Sublime Text、 Visual Studio code、brackets 等都集成了终端功能,极大方便了开发者运行、测试、调试代码及项目构建等,可以说是较为重要的功能之一,缺少终端的编辑器都显得功能欠缺。而HBuilder就是前端编辑器里不能直接使用终端(cmd.exe)程序的编辑器了,这里我们就来弥补这种缺陷,使HBuilder用起来更给力。

工具/原料

HBuilder编辑器
CMD.exe (windows 系统自带程序)
终端(MAC 系统自带程序)
1. CMD.exe/终端程序路劲

1
要想给HBuilder加入命令提示符功能,就必须找其程序的安装路径好对HBuilder进行设置。

cmd.exe 路径:C:\windows\system32\cmd.exe
基本所有的Windows都是一样的。可以复制下来备后面步骤使用。

END

2. HBuilder添加[外部工具]cmd.exe

1
2.1 cmd.exe属于外部工具,所以要在Hbuilder里新建才行,具体如下:
运行——>外部工具——>外部工具 配置

2
2.2 新建一个名为cmd(随意命名)的外部工具:
名称:cmd
要执行的命令或文件:C:\Windows\System32\cmd.exe
工作目录:${project_loc}
其他的设置默认。
****说明****
【工作目录】那里可以自定义的,HBuilder也提供了一系列的参数,不过cmd.exe在一般是基于文件夹来定位并执行的。

我选的参数适用于任何一个HBuilder项目,这样的好处在于,不用对每一个项目或文件进行单独设置。不过我的这个有个bug,项目下的文件夹不能定位到,还需用cd定位。所以这里做一下修改
*******
工作目录:${selected_resource_loc}基于选中文件夹的绝对路径,
*******
这样呢基本能在所有文件夹使用了,不过你点文件来运行的话就会出错,因为cmd基于路径运行,像a.html这样的文件就不是一个文件夹就会报错。

所有运行的时候最好选中文件夹之后再点cmd运行。

3
2.3 设置输出和运行方式
我们都知道cmd.exe是集输入输出一体的程序,所以只有控制台是最合适的选择,并且要支持后台运行,例如在使用gulp-watch这样的插件的时候才能达到目的,设置如图:

4
2.4 运行效果
经过前面的设置CMD.exe已经集成到HBuilder里面了,输入和输出都在控制台那里。
***提示***
cmd.exe基于运行路径,所以一定先用鼠标选中要cmd.exe执行的文件夹再选择【cmd】运行。

效果如图:

END

3. 输出乱码解决及控制台切换和退出cmd

1
3.1 解决输出乱码
因为HBuilder一般默认用UTF-8编码(正常情况下UTF-8是能正常显示中文的),CMD.exe在控制台输出中文时会出现乱码。解决办法是选择其他支持中文的编码。中文可以选择GB2312或者GBK,这个不是很难解决,一种不行就换一种。

2
3.2 cmd.exe和控制台切换
我们的工作是同时进行的既要执行cmd.exe又要看文件运行错误日志——debug log 怎么办呢?在控制台那里的下拉倒三角图标即可随意切换。

3
3.3 退出cmd.exe
我们都知道cmd.exe是可以同时多开窗口的,意味着不退出的话就会一直执行。所以为了运行顺畅,我们最好在用完之后关闭/退出cmd.exe。退出时只要切换到cmd.exe视图点击红方块就可以退出cmd.exe(方块为灰色时是不工作–退出状态)。

THE END
喜欢就支持一下吧
点赞8
温馨提示:

1、本内容转载于网络,版权归原作者所有!
2、本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
3、本内容若侵犯到你的版权利益,请联系我QQ:243371741,会尽快给予删除处理!