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

HBuilderX初次使用相关推荐

  1. UniAPP HBuilderX 运行到各个小程序开发工具

    一.简介 HBuilderX 运行到其他平台,编译完成后会在项目的 unpackage 文件夹中生成对应平台的项目文件包. 二.微信小程序 HBuilderX 运行到小程序开发工具报错: [error ...

  2. hbuilderx代码自动补全_HBuilderX代码提示系统说明

    HBuilderX的代码提示系统很庞大,支持多种语法提示模型. 内置语法库 web项目有内置的html.js.css语法库 App项目有内置的plus扩展语法库 uni-app项目有内置的uni-ap ...

  3. Hbuilderx是html5,HBuilderX代码提示系统说明

    本帖文档已集成到: hx产品文档 HBuilderX的代码提示系统很庞大,支持多种语法提示模型. 内置语法库 web项目有内置的html.js.css语法库 App项目有内置的plus扩展语法库 un ...

  4. HBuilderX下载安装:国产前端开发工具 (赞)

    1.HBuilderX简介: HBuilderX,H是HTML的首字母,Builder是构造者,X是HBuilder的下一代版本.我们也简称HX. HX是轻如编辑器.强如IDE的合体版本. 官网链接( ...

  5. 开发工具HbuilderX的安装及使用

    下载地址 https://www.dcloud.io/hbuilderx.html 说明:HBuilderX正式版和Alpha版区别 : Alpha(本意最初的,原始的,第一个,开端),所以一些近期的 ...

  6. hbuilderX安装git插件→拉取线上gitlab项目

    打开需要创建项目的目录文件夹 右键选择git clone- 这样就可以用hbuilderX提交代码了

  7. celery的初次使用

    celery的初次使用 基本步骤: 选择并且安装一个消息中间件(Broker) 安装 Celery 并且创建第一个任务 运行职程(Worker)以及调用任务 跟踪任务的情况以及返回值 应用 创建第一个 ...

  8. 阿里云服务器ECS Ubuntu16.04 初次使用配置教程(图形界面安装)

    阿里云服务器ECS Ubuntu16.04 初次使用配置教程(图形界面安装) 2019-01-23 22:55:50 laugh12321 阅读数 851更多 分类专栏: ECS Ubuntu 版权声 ...

  9. 人脸识别算法初次了解

    人脸识别算法初次了解 这是转载别人的帖子,认为好,大家一块学习http://www.cnblogs.com/guoyiqi/archive/2011/07/28/2129300.html 前言 在写此 ...

最新文章

  1. 196℃到80℃ 安徽首例“康博刀”手术杀灭肿瘤
  2. android中调用fft函数,J使用PCM数据在Android中转换FFT(JTransforms FFT in Android from PCM data)...
  3. MATLAB优化问题
  4. python列表函数方法_与Python列表相关的函数
  5. ffmpeg解码流程 turorial5详解
  6. Arduino笔记-ESP8266模块实现https远程关熄灯功能
  7. C语言printf 和 scanf 用法
  8. LeetCode OJ - Best Time to Buy and Sell Stock III
  9. Qt总结之四:读取文件夹所有文件
  10. python工资一般多少p-5万的工资,用Python算一算少交多少税?
  11. python : os.path 相关操作
  12. JSON 的几种简单格式和转换
  13. WINDOWS图片和传真查看器找不到
  14. WikiOI 1139 观光公交 (NOIP2011) 贪心
  15. python1到100奇数相加_如何使用while语句求1到100的奇数和
  16. matlab 出现 numeric,About Numeric Matlab
  17. 苹果开发者账号Apple ID如何进行资料修改?
  18. 带节点的曲线,可以鼠标拖动节点,类似PS
  19. 后端php接口,PHP_TP5框架开发后端接口(代码编写思路)
  20. MapGuide 初步

热门文章

  1. PhotoshopCS6视频教程学习笔记-基础部分之一
  2. Shell小技巧(一百三十一)服务器tcp连接数实时统计
  3. 网站调整为黑白的方法
  4. spring integration-概述
  5. 【CodingNoBorder - 06】无际软工队 - 会议纪要博客列表
  6. 《零基础学C语言》读后感学习笔记
  7. 去掉图片上的文字的几个基本技巧
  8. 旧话重提,还来聊聊ERP
  9. iTOP-4412开发板10.1寸[金属框]屏幕硬件修改支持排线和HDMI
  10. [康宁]浅论亚里士多德对柏拉图“理念论”的批判与继承