HBuilderX初次使用

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路径设置”

        （这个路径：右键“夜神模拟器” > “打开文件所在位置” > 在当前目录下往上翻，即可找到“adb.exe”这个文件）

            运行：工具栏 “运行” > “运行到手机或模拟器” > “运行【设备 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 等各类代码中。

②更多的条件编译平台可以参见手册：https://uniapp.dcloud.io/platform