HBuilderX初次使用

时间:2024-12-18 07:16:20

Ctrl+D          删除当前一行;

Ctrl+C/V          选中当前一行,快速复制/粘贴当前行

Ctrl+↑/↓          选中当前一行,快速上下移动当前行

Ctrl+左键        点击想要编辑的位置,多行编辑

Ctrl+K          重排代码格式

Ctrl+/ 快速注释/取消注释当前行

一、HBuilderX开发工具中项目的运行

1、创建一个示例项目,在浏览器中调试运行——即uni-app编译为H5网站

        工具栏“运行” > “运行到浏览器” > “Chrome”中运行

        工具栏”运行“ > ”内置浏览器中运行

 2、创建按一个示例项目,在安卓手机中运行调试——即uni-app编译为App

        Android Debugger:是PC机与Android设备经行通信调试的工具——”数据线

        告诉HBuildergX工具,Andeoid模拟器的”数据线“所在的位置

             配置:   工具栏”运行“ > “运行到手机火模拟器” > “ADB路径设置”

        (这个路径:右键“夜神模拟器” > “打开文件所在位置” > 在当前目录下往上翻,即可找到“”这个文件)

            运行:工具栏 “运行” > “运行到手机或模拟器” > “运行【设备 SM...】” 

3、创建一个示例项目,作为微信小程序中调试运行 —— 即uni-app编译为微信小程序

告诉HBuilder,当前系统中的“微信开发者工具”所在路径:

   配置:工具栏“运行”>“运行到小程序模拟器”>“运行设置”>输入微信开发法者工具所在路径:

编译运行小程序项目:

        运行:工具栏“运行”>“运行到小程序模拟器”>“微信开发者工具”

二、我的第一个uni-app项目

1、项目目录介绍:

注意:uni-app项目中所有的JSON文件都可以添加注释 —— 这些文件都需要被编译才能运行

 三uni-app中的条件编译

        不同的运行平台终归有些专有的特性,无法实现跨平台完全兼容,例如:微信小程序导航栏右上角的关闭图标。uni-app提供了一种“条件编译”机制,可以针对特定的平台编译执行特定的代码,否则不执行。语法如下:

#ifdef  H5

仅在H5平台下编译执行的代码

#endif

#ifdef  H5 || APP || MP-WEIXIN

仅在H5和APP和微信小程序平台下编译执行的代码

#endif

#ifndef  H5

仅在非H5平台下编译执行的代码

#endif

  说明:

①条件编译语句可以编写在template / style / script 等各类代码中。

②更多的条件编译平台可以参见手册:/platform