QD1-P2 HTML 编辑器:HBuilderX

news2024/11/25 0:51:39

本节学习:

  • HTML课程内容介绍
  • HBuilderX编辑器的使用

本节视频

www.bilibili.com/video/BV1n64y1U7oj?p=2

HTML 内容

  • 基础语法

    • 标签
    • 整体架构
    • DOCTYPE
  • 常用标签

    • 标题和水平线
    • 段落和换行
    • 列表
    • div 和 span
    • 格式化标签
    • 图片
    • 超链接标签
    • 表格
    • 表单
    • 字符实体

编辑器 HBuilderX

recording

  • 官网:dcloud.io/index.html

  • 下载地址:dcloud.io/hbuilderx.html

  • 文档:hx.dcloud.net.cn/

下载为压缩包,解压后双击 HBuilderX.exe 运行

Clip_2024-10-08_13-35-38

HBuilderX 简介

HBuilderX​,H 是 HTML 的首字母,Builder 是构造者,X 是 HBuilder 的下一代版本。我们也简称 HX​。 HX ​是轻如编辑器、强如 IDE 的合体版本。

让我们简单了解下 HX 的特点
  1. 轻巧 仅 10 余 M 的绿色发行包(不含插件)
  2. 极速 不管是启动速度、大文档打开速度、编码提示,都极速响应 C++ 的架构性能远超 Java 或 Electron 架构
  3. vue 开发强化 HX ​对 vue 做了大量优化投入,开发体验远超其他开发工具 详见
  4. 小程序支持 国外开发工具没有对中国的小程序开发优化,HX ​可新建 uni-app小程序 ​等项目,为国人提供更高效工具
  5. markdown 利器 HX ​是唯一一个新建文件默认类型是 markdown 的编辑器,也是对 md 支持最强的编辑器 HX ​为 md 强化了众多功能,请务必点击【菜单-帮助-markdown 语法示例】,快速掌握 md 及 HX ​的强化技巧!
  6. 清爽护眼 HX 的界面比其他工具更清爽简洁,绿柔主题经过科学的脑疲劳测试,是最适合人眼长期观看的主题界面 详见
  7. 强大的语法提示 HX ​是中国唯一一家拥有自主 IDE 语法分析引擎的公司,对前端语言提供准确的代码提示和转到定义(Alt+ 鼠标左键)
  8. 高效极客工具 更强大的多光标、智能双击...让字处理的效率大幅提升 详见,
  9. 更强的 json 支持 现代 js 开发中大量 json 结构的写法,HX ​提供了比其他工具更高效的操作 详见
扩展性

HX ​支持 java 插件、nodejs 插件,并兼容了很多 vscode 的插件及代码块。
还可以通过外部命令,方便的调用各种命令行功能,并设置快捷键。
如果你习惯了其他工具(如 vscode 或 sublime)的快捷键,在菜单工具-快捷键方案中可以切换。

插件市场

HBuilderX 插件市场拥有丰富的插件,对于提升工作效率有极大帮助。

插件市场地址: https://ext.dcloud.net.cn/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2207735.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C/C++逆向:函数逆向分析-总体流程(整型指针)

函数的初始化 在逆向工程中,函数的初始化操作是函数在开始执行时,为正确运行而进行的准备工作。通常,这些操作发生在函数的序言(Prologue)阶段,具体的内容和顺序会因编译器、调用约定和目标平台&#xff0…

【AIGC】ChatGPT提示词Prompt高效编写模式:思维链、Self-Consistency CoT与Zero-Shot CoT

博客主页: [小ᶻZ࿆] 本文专栏: AIGC | ChatGPT 文章目录 💯前言💯思维链 (Chain of Thought, CoT)如何工作应用实例优势结论 💯一致性思维链 (Self-Consistency CoT)如何工作应用实例优势结论 💯零样本思维链 (Ze…

MC802单片机:触控未来,8位高性能与多IO接口的完美结合

MC802单片机:开启智能生活新篇章 MC802 (2 Touch Key 4 I/O) MC802是由厦门晶尊微电子科技有限公司(ICman)推出的一款高性能8位单片机,它集成了2个自校正容性触摸按键和4个I/O口,专为需要多…

地级市-制造业集聚水平数据(2008-2021年)

制造业集聚水平是衡量一个地区制造业发展程度的重要指标,它不仅反映了制造业在地理上的集中程度,还体现了该地区制造业的专业化水平。 制造业集聚水平通常通过以下几个量化指标来衡量: 年末单位从业人员数:反映了制造业的劳动力…

如何替换OCP节点(二):使用 antman脚本 | OceanBase应用实践

前言: OceanBase Cloud Platform(简称OCP),是 OceanBase数据库的专属企业级数据库管理平台。 在实际生产环境中,OCP的安装通常是第一步,先搭建OCP平台,进而依赖OCP来创建、管理和监控我们的生…

02_安装jmeter

windows: 安装jdk1.8.0: 1、下载安装包,双击运行安装,点击“下一步”直到完成 2、配置环境变量: JAVA_HOME的值配置为jdk安装目录如D:\java\jdk1.8.0_201 系统变量的Path中添加"%JAVA_HOME%\bin" 3、验证安装…

海外市场充电桩需求激增:充电基础设施展望

报告显示,在大多数欧盟国家的路网中,充电桩数量存在不足、不支持快速充电且分布不均匀的问题。具体而言,有6个欧洲国家的平均每百公里充电桩数量不足1个,17个国家的平均每百公里充电桩数量少于5个,仅有5个国家的平均每…

【Axure原型分享】标签管理列表

今天和大家分享通过标签管理列表的原型模板,包括增删改查搜索筛选排序分页翻页等效果,这个模板是用中继器制作的,所以使用也很方便,初始数据我们只要在中继器表格里填写即可,具体效果可以观看下方视频或者打开预览地址…

单片机(学习)2024.10.11

目录 按键 按键原理 按键消抖 1.延时消抖 2.抬手检测 通信 1.通信是什么 2.电平信号和差分信号 3.通信的分类 (1)时钟信号划分 同步通信 异步通信 (2)通信方式划分 串行通信 并行通信 (3)通信方向划分 单工 半双工 全双工 4.USART和UART(串口通信&a…

selenium工具的几种截屏方法介绍(9)

在使用selenium做自动化的时候,可以对于某些场景截图保存当时的执行情况,方便后续定位问题或者作为一些证据保留现场。 获取元素后将元素截屏 我们获取元素后,使用函数screenshot将元素截屏,参数filename传入完整的png文件名路径…

最近 3 个 yyds 的开源项目!

01 电脑屏幕、麦克风记录工具 ScreenPipe 是一个开源的全天候本地屏幕与麦克风记录工具,为 AI 应用程序提供全方位上下文数据的支持。 该项目旨在成为 Rewind.ai 的替代方案,支持 Windows、Linux 和 macOS 等多平台应用,并且使用 Rust 语言构…

学习Ultralytics(获取yolov8自带的数据集并开始训练)

今天小编带大家学习一下YOLOv8 配置文件,用来定义不同数据集的参数和配置。这些文件包含了关于每个数据集的路径、类别数、类别标签等信息,帮助模型正确地加载和解析数据集,以便进行训练和推理。 具体来说,这些 YAML 文件的作用如…

AIGC时代的程序员生存法则:如何在AI辅助编程工具普及的背景下保持并提升核心竞争力

随着AIGC(AI-Generated Content,如ChatGPT、MidJourney、Claude等)技术的迅猛发展,特别是大型语言模型的不断涌现,程序员的工作方式正发生深刻变革。AI辅助编程工具的普及给编程行业带来了前所未有的挑战和机遇。一方面…

SwiftUI 6.0(iOS 18)将 Sections 也考虑进自定义容器子视图布局(上)

概述 在 WWDC 24 新推出的 SwiftUI 6.0 中,苹果对于容器内部子视图的布局有了更深入的支持。为了能够未雨绸缪满足实际 App 中所有可能的情况,我们还可以再接再厉,将 Sections 的支持也考虑进去。 SwiftUI 6.0 对容器子视图布局的增强支持可以认为是一个小巧的容器自定义布…

Wordpress—一个神奇的个人博客搭建框架

wordpress简介 在当今数字化的时代,拥有一个属于自己的个人博客,不仅可以记录生活点滴、分享专业知识,还能展示个人风采。而在众多的博客搭建框架中,Wordpress 以其强大的功能和灵活性脱颖而出。今天,就让我们一起深入…

spring boot项目日志怎么加?

使用源码LoggerFactory(日志工厂类) 使用方法:getlogger()中间传入1个类 加在过滤里所以需要传入的是过滤这个类(reqfilter.class) 用这个对象调info方法 logger.error是打印错误信息 logger.debug打印debug 结果会增加时间名称等…

LQB焊接超声波部分原理图和焊接说明(勘误)

1、自制的板子的原理图,有一个错误的地方,导致超声波不能正常使用。 下图是实物的原理图存在错误,不小心,自我批评一下。 图中的C6电容330pF的一端接到了VCC,是错误的。 蓝桥杯的原理图是下图,接到GND 因…

【机器学习(十三)】机器学习回归案例之股票价格预测分析—Sentosa_DSML社区版

文章目录 一、背景描述二、Python代码和Sentosa_DSML社区版算法实现对比(一) 数据读入(二) 特征工程(三) 样本分区(四) 模型训练和评估(五) 模型可视化 三、总结 一、背景描述 股票价格是一种不稳定的时间序列,受多种因素的影响。影响股市的外部因素很多,主要有经济因素、政治因…

51单片机数码管循环显示0~f

原理图&#xff1a; #include <reg52.h>sbit dulaP2^6;//段选信号 sbit welaP2^7;//位选信号unsigned char num;//数码管显示的数字0~funsigned char code table[]{ 0x3f,0x06,0x5b,0x4f, 0x66,0x6d,0x7d,0x07, 0x7f,0x6f,0x77,0x7c, 0x39,0x5e,0x79,0x71};//定义数码管显…

CDN服务支持多种应用场景,包括图片、大文件下载、流媒体等

中国联通国际公司产品之 CDN&#xff08;内容分发网络&#xff09; 在当今这个信息爆炸的时代&#xff0c;内容分发网络&#xff08;CDN&#xff09;已成为提升用户体验和保障数据快速传输的重要工具。中国联通国际公司凭借其全球领先的通信技术和广泛的网络覆盖&#xff0c;推…