HbuilderX使用方法

2023-11-02

HBuilderX安装使用方法

HBuilderX是HBuilder的升级版。它是是DCloud(数字天堂)推出为前端开发者服务的通用IDE,或者称为编辑器。HBuilderX的功能从下图可以直观的了解个大概:

img

官网地址:

https://ask.dcloud.net.cn

下载

https://www.dcloud.io/hbuilderx.html

img

说明:HBuilderX正式版和Alpha版区别:

Alpha版比正式版更新频率更高,新功能会优先在 alpha 版上发布,但稳定性可能不如正式版,对于新手建议用正式版。

HBuilderX标准版和App版的区别

BuilderX标准版可直接用于web开发、markdown、字处理场景。当用来做App开发时需要安装插件。App开发版预置了App/uni-app开发所需的插件,开箱即用。标准版也可以在插件安装界面安装App开发所需插件,App开发版预集成App开发所需插件。App开发插件体积大的原因主要有2方面:真机运行基座,Android版、iOS版、iOS模拟器版,加起来体积就1百多M。真机运行基座需要把所有模块都内置进去,方便大家开发调试。开发者自己做app打包是不会这么大的,因为可以在manifest里选模块来控制体积。uni-app的编译器,依赖webpack和各种node模块,node_modules就是这么一个生态现状,文件超级多,几万个文件,解压起来很慢

下载后,将压缩包复制到适当位置,解压压缩包,找到Hbuilder X可执行程序,双击即可启动程序:

img

也可以创建桌面快捷方式添加到桌面

在这里插入图片描述

简单使用

使用 “文件”菜单→“新建”→“html文件”, 可以新建一个html文件,如下图:

img

现在,可以编辑网页了,参见下图:

img

【“视图”菜单可以控制显示布局。】

当编辑完成后,点击“保存“按钮,就可以点击右侧的”预览“按钮看效果(若是第一次使用,需要下载浏览器插件)。参见下图:

img

在这里插入图片描述
在这里插入图片描述

如果显示没有内置浏览器安装这个两个插件

在这里插入图片描述

提示:输入关键字时,具有智能提示列表,可以加快输入速度,参见下图:

img

也可以用上下键移动到需要的条目 再用Ctrl+回车确定。

安装插件

点击菜单【工具】【插件安装】

在这里插入图片描述
img](https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20191011/7d6fb1a6970578ae512bf8e604eee3a0.png)

7. 文件单击与文件双击

img

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HbuilderX使用方法 的相关文章

  • Git回滚详解

    文章目录 git restore 撤销工作区文件更改 撤销暂存区文件更改 git checkout git revert 冲突解决 具体操作 git reset reset 的作用 第 1 步 移动 HEAD soft 第 2 步 更新暂存
  • vue+element实现删除功能

    vue element实现删除功能 文章目录 vue element实现删除功能 一 api文件夹中编写api接口 二 编写删除按钮 三 使用api文件夹中的接口 总结 一 api文件夹中编写api接口 代码如下 export functi
  • win10更新出错0x80070422的解决方案

    问题 一般我们进行win10系统的更新 步骤是到win10设置 然后找到windows 更新 然后点击开启更新 有的时候 你会发现不能更新一直报错0x80070422 如下图 图一 图二 问题的原因 这是因为windows update 启
  • horizon服务主要模块_Openstack入门篇(十四)之horizon服务的部署与测试

    提供一个web界面操作openstack的系统 使用Django框架基于openstack API开发 支持将session存储在DB memcached 支持集群 tips 创建虚拟机的方法 horizon api 命令行 服务未启动 不
  • js将变量值作为对象的key使用

    var a aaa var obj a valueA bbb valueB console log obj aaa valueA console log obj a valueA console log obj bbb valueB con
  • 内网安全之:Windows 密码抓取

    郑重声明 本笔记编写目的只用于安全知识提升 并与更多人共享安全知识 切勿使用笔记中的技术进行违法活动 利用笔记中的技术造成的后果与作者本人无关 倡导维护网络安全人人有责 共同维护网络文明和谐 Windows 密码抓取 1 mimikatz
  • 第一章 ROS基础

    第一章 ROS基础 ROS系列学习 总章目录 第一章 ROS基础 第二章 ModelArts数据处理 第三章 ModelArts模型训练 第四章 ModelArts模型转换 第五章 HiLens模型管理 第六章 HiLens技能部署 第七章
  • 机器学习笔记-回归评价指标scikit-learn

    scikit learn中回归指标 from sklearn metrics import mean squared error 均方误差MSE from sklearn metrics import mean absolute error
  • 关于区块链电子发票

    2018年8月10日 国家税务总局深圳市税务局与腾讯联合开出全国首张区块链电子发票 一年时间过去 区块链电子发票已覆盖100多个行业 接入企业超过6000家 开具区块链电子发票累计超过700万张 总开票金额达近百亿元 与此同时 腾讯区块链从
  • 给anaconda的python安装gdal

    版权声明 转载请注明作者 独孤尚良dugushangliang 出处 https blog csdn net dugushangliang article details 96891361 之前有写过相关文章 各有侧重 现在更新最新版 下载
  • Kettle使用jndi

    kettle可以使用jdbc的方式设置job或者tansform的数据库连接 但是 同时它也支持JNDI方式连接数据库 后者更加方便 只需要配置一份配置文件就可以了 不用每个DBConnection都配置一遍 具体使用方法如下 1 在dat
  • windows下U盘格式化

    问题 安装ubuntu系统镜像之后 Windows系统无法正常识别出U盘完整的容量大小 原因 安装Ubuntu镜像后 U盘被分为多个分区 而 Windows此时只能识别出U盘第一个系统启动分区 解决方法 home x打开磁盘管理 选择相应的
  • 定义Boat与Car两个类,二者都有weight属性,定义二者的一个友元函数getTotalWeight, 计算二者的重量之和

    include
  • JqGrid 获取增删改的返回值

    我们使用JqGrid获取查询的数据已经很熟练了 但是有的时候增删改也有返回值 比如返回错误信息如 不要重复添加 无法删除等等 这个时候我们就要用到 afterComplete 这个配置了 核心代码如下 navGrid pager add t

随机推荐

  • 无人驾驶实战(二)——TensorFlow实现基于 LeNet5 网络的交通标志识别

    引言 交通标志是道路基础设施的重要组成部分 它们为驾驶员及行人提供了道路行驶关键信息 并要求驾 驶员及时调整驾驶行为 以确保遵守道路安全规定 无人驾驶车辆同样必须遵守交通法规 因此它需要识 别和理解交通标志 一般来说 我们可以使用计算机视觉
  • Oracle RESETLOGS 和 NORESETLOGS 区别说明

    Oracle RESETLOGS 和 NORESETLOGS 区别说明 一 创建控制文件时 Resetlogs和Noresetlogs 当我们将控制文件备份到trace 文件时 可以看到里面包含了2部分的重建语句 一个是使用resetlog
  • java的编码风格_Java良好的编码风格(一)

    编程规约 一 命名规约 强制 代码中的命名均不能以下划线或美元符号开始 也不能以下划线或美元符号结束 反例 name name Object name name Object 强制 类名使用 UpperCamelCase 风格 必须遵从驼峰
  • 微信小程序-mpvue-下拉加载,上滑刷新无法触发onReachBottom,onPullDownRefresh

    遇到的坑 记录一下 问题 onReachBottom onPullDownRefresh无法触发 解决办法 需要将onReachBottom onPullDownRefresh放到与methods同级的位置 否则无法触发 具体使用方法 第一
  • 实现动态页面的技术:Servlet

    Hello 我是栋zzzz 为了能够更好的学习Servlet 我给大家整理了一些前置知识 方便更好的理解Servlet HTTP协议 上 HTTP协议 下 Tomcat 目录 一 Servlet 1 maven 1 1 创建maven项目
  • 史上最全Windows10安装ubuntu18.04双系统教程

    前言 本教程主要是在Windows 10 上安装Ubuntu18 04 64位 双系统教程 本文综合了自己多次安装Ubuntu双系统的经验 避免大家踩坑 一 准备工作 这里是安装前需要做的一些准备工作 包括镜像下载 安装软件 制作U盘启动盘
  • Class 04 - 日期时间格式

    Class 04 日期时间格式 R语言中的日期和时间格式 tidyverse 和 lubridate 功能包简介 tidyverse 简介 lubridate 简介 加载 tidyverse 和 lubridate 功能包 处理日期和时间
  • vue学习笔记02-vue列表展示

    代码 div movies div
  • 【插件】webstorm 常用插件 好用的插件分享

    下面分享部分自用的好用的webstorm插件 1 中文插件 我这里是已经安装了中文插件的了 英文版的操作是一样的 File gt Settings gt Plugins gt 搜索 chinese 即可 操作步骤如下 安装完成之后重启Web
  • 一文读懂联邦学习的前世今生(建议收藏)

    前言 联邦学习 Federated Learning 作为人工智能的一个新分支 为机器学习的新时代打开了大门 如果投票问人工智能和大数据应用领域有什么好玩又好用的新技术 联邦学习 一定是排在前列的 这项技术由谷歌在2016年首次提出 从20
  • 面向万物智联的应用框架的思考和探索(下)

    原文 面向万物智联的应用框架的思考和探索 下 点击链接查看更多技术内容 应用框架 是操作系统连接开发者生态 实现用户体验的关键基础设施 其中 开发效率和运行体验是永恒的诉求 业界也在持续不断的发展和演进 本文重点围绕移动应用框架 梳理其关键
  • html 查看excel表格,html展示excel表格数据-html读取本地excel文件并展示

    怎么用html实现excel表格 首先html不能读取本地excel文件 其次就算是javascript 也是不允许的 这是为了安全考虑 如果前端脚本可以读取本地文件 那很不安全 如何将excel上的数据表以html的格式在新建演示文稿 A
  • 如何去掉论坛后缀 “power by discuz!

    template default common 找到header common htm这个文件下载 G setting seohead
  • VUE项目axios请求头更改Content-Type

    const httpServer opts data gt const token localStorage getItem token const PUBLIC token token let httpDefaultOpts var ho
  • 树莓派4B安装mysql5.7并设置远程登陆

    1 确认你的系统位数 getconf LONG BIT 2 更新你的树莓派 sudo apt get update sudo apt get upgrade 3 下载安装mysql5 7 sudo wget https linuxer to
  • mybatis使用多参数查询

    repository接口写法 Subject getSubject By Oname Userlevel Param userLevel Integer userLevel Param organization name String or
  • gdb中反汇编调试

    gdb中反汇编调试 gdb helloword gdb set args 参数 gdb set disassembly flavor intel Intel风格 gdb b main 对main函数下断点 gdb disas r 0x401
  • SSM 企业权限管理系统 项目实战

    企业权限管理系统 完整项目github地址 https github com lindaifeng Authority Management System 新增项目 SpringBoot企业权限管理系统 https github com l
  • 均值已知检验方差_T检验、T分布、T检验的计算方法

    一 T检验的思路 举个例子 假设X公司有两块土地 土地A采用A方案进行种植 平均每株可以结100g的农作物 土地B采用改进的B方案种植 公司想知道 B方案是否比A方案好 能提高农作物产量 为了减少测试成本 假设只从B方案的土地中采样了5株农
  • HbuilderX使用方法

    HBuilderX安装使用方法 HBuilderX是HBuilder的升级版 它是是DCloud 数字天堂 推出为前端开发者服务的通用IDE 或者称为编辑器 HBuilderX的功能从下图可以直观的了解个大概 官网地址 https ask