《HTML5+CSS3响应式Web开发》课件-2.开发工具-HBuilderX_第1页
《HTML5+CSS3响应式Web开发》课件-2.开发工具-HBuilderX_第2页
《HTML5+CSS3响应式Web开发》课件-2.开发工具-HBuilderX_第3页
《HTML5+CSS3响应式Web开发》课件-2.开发工具-HBuilderX_第4页
《HTML5+CSS3响应式Web开发》课件-2.开发工具-HBuilderX_第5页
已阅读5页，还剩19页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HBuilderX大前端与uni-appuni-app项目实战开发工具介绍HBuilderXHBuilderX是什么为何要选择HBuilderXHBuilderX使用技巧HBuilderX页面介绍HbuilderX-是什么HbuilderX是什么HBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX。HX是一个轻量，强大的IDE工具。HBuilderX-为何要选择HBuilderX轻巧、极速

vue开发强化

小程序支持

清爽护眼

强大的语法提示

像许多其他代码编辑器一样，HX采用通用的用户界面和左侧的资源管理器布局，而右侧的编辑器则显示已打开文件的内容。HBuilderX-用户页面HBuilderX-基本布局编辑器

项目管理器

工具栏

状态栏

控制台

单击展开目录，单击预览文件，双击打开文件。HBuilderX使用技巧-介绍可在页面右下脚选择框架语法提示库。HBuilderX使用技巧-语法提示可以按alt+数字直接选择某个页面。HBuilderX使用技巧-代码助手光标放到某api处，按下F1，就可跳转到这个api的官方手册。目前支持vue、uni-app、5+等apiHBuilderX使用技巧-语法帮助在方法调用位置，按Alt+d快速定位到对应方法的实现位置，鼠标操作是alt+左键单击。HBuilderX使用技巧-转到定义在顶部工具栏直接搜索工程下的文件名并打开，或者使用快捷键ctrl+p。HBuilderX使用技巧-文件快速打开大前端与uni-app大前端介绍Uni-app介绍大前端与uni-app大前端与uni-app大前端介绍Web

wap

app

小程序

uni-app实现了一套代码，同时运行到多个平台。一套代码，同时运行到Web、iOS模拟器、Android模拟器、微信开发者工具等大前端与uni-app

uni-app介绍Uni-app项目实战Uni-app项目实战创建项目编辑代码运行发行Uni-app创建项目文件-新建-项目

选择uni-app-输入项目名-选择模版

创建成功，展示项目

项目管理器index-index.vue编写代码Uni-app编写代码1、浏览器运行。运行-运行到浏览器-chrome2、app运行。运行-运行到手机或模拟器-模拟器基座3、小程序运行。运行-运行到小程序模拟器-开发者工具Uni-app项

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论