浅谈HBuilder编译器
第一次接触HBuilder是通过老师介绍,这款编译器是中国的公司编写,因此,对于英语不是很好的小伙伴来说是很友好的。当然,这款编译器和MUI框架配套使用可以更加的方便,工欲善其事,必先利其器,所以,今天特地来讲一下HBuilder编译器。附HBuilder下载地址。下面就具体来讲讲HBuildder编译器的简单操作功能吧。
ps:关于快捷方式,基本的编译器设置等,因为与我们使用和编写代码关系不大,因此,此处就不展开介绍,只讲与使用MUI相关的知识点。
Hbuilder简单使用
HBuilder的组成:由项目管理器,控制台,代码编辑器区,内置浏览器,顶部导航条构成,如图2所示:
ps:当我们看过整个内容区域后,讲下今天主要想写的知识点:1.开发视图区别;2.新建一个web项目;3.新建一个APP项目;4.查看MUI源码;5.真机运行;6.自定义调试基座;7.APP的云端打包。
1.开发视图简单介绍:平常我们基本上都是用得边改边看模式,因为这个模式可以在代码编辑区编写代码保存后,在右边可以实时查看效果。而WebView调试模式一般用于真机测试时,调试页面(ps:后面详细介绍)。团队同步视图因为很少用,需要小伙伴们自己去开发了哟~~视图切换如图2所示:
2.打开文件-->新建-->web项目,此时只需要填写项目名称和保存位置就OK,此时会生成一个项目在项目管理器中,在里面可以看到项目结构。