当前位置： 首页 > news >正文

HBuilder X

news 2026/3/28 6:51:17

选择一款编程软件有以下几个好处：

（1）提高效率：编程软件通常强调代码编辑和自动完成，可以帮助程序员更快速、更准确地输入代码。

（2）降低错误率：编程软件还可以检测代码中的错误，例如语法错误和拼写错误，以及提示潜在的问题，并提出改进建议。这可以帮助编程人员在编码过程中发现和修复错误，从而减少出错的可能性。

（3）支持多种编程语言：大部分编程软件支持多种编程语言，可以在一个工具中进行不同类型的编程。这样可以避免使用多种软件来编写不同的代码，从而节省时间和劳动力。

而HTML代码可以用Brackets、WebStorm、vscode、Sublime Text、HBuilder 、EditPlus等开发工具来编写---

一、HBuilder X  的优势

（1）多端支持：HBuilder X 支持多端代码编写和项目管理，可以同时在 Web、App、微信小程序、快应用等多个平台上进行开发。

（2）高效便捷：作为一款基于 VS Code 的 IDE， HBuilder X 具有完备的代码补全、错误提示、语法高亮等功能，可以提供高效便捷的开发体验，从而提升开发效率。

（3）内置调试器：HBuilder X 内置多维度的调试器，能够方便开发者调试运行 JavaScript、CSS、HTML 等代码，提升开发效率。

（4）插件丰富：借力于 VS Code，HBuilder X 提供了一个开放的插件机制，支持数百种插件，在使用插件的同时，也可以自己开发插件来满足自己的需求。

（5）界面友好：HBuilder X 的用户界面清新简洁，布局合理，容易上手，对于初学者和技术大牛都非常友好。

二、安装HBuilder X

1、进入其下载官网   HBuilder X

2、根据自己的系统选择（我是windows所以就选择windows版本）

 

3、解压使用

将下载后的HBuilder X压缩包进行解压，然后双击就可以使用了。

 

三、使用HBuilder X 

1、可以新建一个文件夹用来存放。

2、点击        文件 -> 新建 -> 项目

在这里选择空项目就好了---

 

3、在刚刚创建的day01项目上右击选择 新建 -> html文件 

给这个htm文件起个名字然后创建

 4、在<body> </body>标签中随意输入，ctrl + s 保存

<h1>Hello World !</h1>

 

回到文件夹双击html文件

 你就会看到   - - -

 

 最后祝各位学习前端的同学都可以坚持下去，让自己的能力不断提升，在这条道路上越走越远~

相关文章：

HBuilder X

选择一款编程软件有以下几个好处&#xff1a; &#xff08;1&#xff09;提高效率&#xff1a;编程软件通常强调代码编辑和自动完成&#xff0c;可以帮助程序员更快速、更准确地输入代码。 &#xff08;2&#xff09;降低错误率&#xff1a;编程软件还可以检测代码中的错误&a…...

编程日记 2023/12/16 11:43:44

异地现场工控设备，如何实现远程配置、调试？

南京某企业专注于工业物联领域&#xff0c;在相关项目中往往会在各个点位部署基于Linux系统的中控主机&#xff0c;实现各类物联设备信息的采集、汇总。但是&#xff0c;由于各点位分散多地&#xff0c;且数量达到了上百个&#xff0c;虽然中控主机具备4G物联网接入能力&#x…...

编程日记 2023/12/16 11:42:43

C++报错：error C2238: 意外的标记位于“；”之前

报错信息如下&#xff1a; 编译遇见这样的错误信息主要有一下几种&#xff1a; 情况一&#xff1a; 多数情况下出现这种问题的原因是因为头文件重复包含&#xff1a;即头文件A包含了B&#xff0c;头文件B又包含了A&#xff0c;导致编译器在加载头文件时陷入死循环。 解决办法…...

编程日记 2023/12/16 11:40:41

五、Microsoft群集服务（MSCS）环境的搭建

一、【目的】 学会利用Windows Server布置群集环境。 二、【设备】 FreeNAS11.2&#xff0c;Windows Server 2019 三、【要求】 学会利用Windows Server布置群集环境&#xff0c;掌握处理问题的能力。 配置表&#xff1a; 节点公网IP(public)内网IP(private)群集IP(clust…...

编程日记 2023/12/16 11:35:37

通义千问 Qwen-72B-Chat在PAI-DSW的微调推理实践

01 引言 通义千问-72B&#xff08;Qwen-72B&#xff09;是阿里云研发的通义千问大模型系列的720亿参数规模模型。Qwen-72B的预训练数据类型多样、覆盖广泛&#xff0c;包括大量网络文本、专业书籍、代码等。Qwen-72B-Chat是在Qwen-72B的基础上&#xff0c;使用对齐机制打造的…...

编程日记 2023/12/16 11:31:33

web应用体系以及windows网络常见操作应用

本课程目标 1.Dos命令（必须掌握） 2.网络体系（笔试选择填空题） 3.搭建windows测试环境 一、Dos命令 1.DOS窗口启动 启动方式1.进入DOS页面：win+R，键入cmd 启动方式2.开始-运行--输入cmd-回车，此时将出现一个显示命令提示符的窗口，如下图 2、常见的Dos命令： 1、cd…...

编程日记 2023/12/16 11:30:32

FFmpeg 安装配置

FFmpeg 安装配置 依赖包 sudo apt-get install -y autoconf automake bzip2 cmake freetype-devel gcc gcc-c git libtool make mercurial pkgconfig zlib-devel x264-develsudo apt-get install yasm -y安装 wget https://ffmpeg.org/releases/ffmpeg-4.2.3.tar.bz2tar -…...

编程日记 2023/12/16 11:29:31

14：00面试，14：08就出来了，问的问题有点变态。。。。。。

从小厂出来&#xff0c;没想到在另一家公司又寄了。 到这家公司开始上班&#xff0c;加班是每天必不可少的&#xff0c;看在钱给的比较多的份上&#xff0c;就不太计较了。没想到5月一纸通知&#xff0c;所有人不准加班&#xff0c;加班费不仅没有了&#xff0c;薪资还要降40%…...

编程日记 2023/12/16 11:27:29

vue3 添加编辑页使用 cron 表达式生成

示例效果图 1、添加组件 <template><div class"v3c"><ul class"v3c-tab"><li class"v3c-tab-item" :class"{ v3c-active: tabActive 1 }" click"onHandleTab(1)">秒</li><li class&qu…...

编程日记 2023/12/16 11:26:28

洛谷P1722 矩阵Ⅱ——卡特兰数

传送门&#xff1a; P1722 矩阵 II - 洛谷 | 计算机科学教育新生态 (luogu.com.cn)https://www.luogu.com.cn/problem/P1722 用不需要除任何数的公式来求。 #define _CRT_SECURE_NO_WARNINGS #include<iostream> #include<cstdio> #include<cmath> #includ…...

编程日记 2023/12/16 11:15:18

Unity | Shader基础知识（第六集：语法＜如何加入外部颜色资源＞）

目录 一、本节介绍 1 上集回顾 2 本节介绍 二、语法结构 1 复习 2 理论知识 3 Shader里声明的写法 4 Properties和SubShader毕竟不是一家人 三、 片元着色器中使用资源 四、代码实现 五、全部代码 六、下集介绍 相关阅读 Unity - Manual: Writing Surface Shaders…...

编程日记 2023/12/16 11:12:16

使用opencv的Laplacian算子实现图像边缘检测

1 边缘检测介绍 图像边缘检测技术是图像处理和计算机视觉等领域最基本的问题&#xff0c;也是经典的技术难题之一。如何快速、精确地提取图像边缘信息&#xff0c;一直是国内外的研究热点&#xff0c;同时边缘的检测也是图像处理中的一个难题。早期的经典算法包括边缘算子方法…...

编程日记 2023/12/16 11:11:14

5. PyTorch——数据处理模块

1.数据加载 在PyTorch中&#xff0c;数据加载可通过自定义的数据集对象。数据集对象被抽象为Dataset类&#xff0c;实现自定义的数据集需要继承Dataset&#xff0c;并实现两个Python魔法方法&#xff1a; __getitem__&#xff1a;返回一条数据&#xff0c;或一个样本。obj[in…...

编程日记 2023/12/16 11:07:10

Android 移动端编译 cityhash动态库

最近做项目&#xff0c; 硬件端 需要 用 cityhash 编译一个 动态库 提供给移动端使用&#xff0c;l 记录一下 编译过程 city .cpp // // Created by Administrator on 2023/12/12. // // Copyright (c) 2011 Google, Inc. // // Permission is hereby granted, free of charg…...

编程日记 2023/12/16 11:06:09

IO流学习

IO流:存储和读取数据的解决方案 import java.io.FileOutputStream; import java.io.IOException;public class Test {public static void main(String[] args) throws IOException {//1.创建对象//写出 输入流 OutputStream//本地文件fileFileOutputStream fos new FileOutputS…...

编程日记 2023/12/16 11:05:08

新手HTML和CSS的常见知识点

​​​​ 目录 1.HTML标题标签&#xff08;到&#xff09;用于定义网页中的标题&#xff0c;并按照重要性递减排列。例如&#xff1a; 2.HTML段落标签&#xff08;&#xff09;用于定义网页中的段落。例如&#xff1a; 3.HTML链接标签&#xff08;&#xff09;用于创建链接…...

编程日记 2023/12/16 11:01:05

RocketMQ系统性学习-RocketMQ领域模型及Linux下单机安装

MQ 之间的对比 三种常用的 MQ 对比&#xff0c;ActiveMQ、Kafka、RocketMQ 性能方面&#xff1a; 三种 MQ 吞吐量级别为&#xff1a;万&#xff0c;百万&#xff0c;十万消息发送时延&#xff1a;毫秒&#xff0c;毫秒&#xff0c;微秒可用性&#xff1a;主从&#xff0c;分…...

编程日记 2023/12/16 10:59:02

微服务架构之争：Quarkus VS Spring Boot

在容器时代&#xff08;“Docker时代”&#xff09;&#xff0c;无论如何&#xff0c;Java仍然活着。Java在性能方面一直很有名&#xff0c;主要是因为代码和真实机器之间的抽象层&#xff0c;多平台的成本&#xff08;一次编写&#xff0c;随处运行——还记得吗&#xff1f;&a…...

编程日记 2023/12/16 10:58:02

如何使用ArcGIS Pro拼接影像

为了方便数据的存储和传输&#xff0c;我们在网上获取到的影像一般都是分块的&#xff0c;正式使用之前需要对这些影像进行拼接&#xff0c;这里为大家介绍一下ArcGIS Pro中拼接影像的方法&#xff0c;希望能对你有所帮助。 数据来源 本教程所使用的数据是从水经微图中下载的…...

编程日记 2023/12/16 10:57:01

[论文笔记] chatgpt系列 SparseMOE—GPT4的MOE结构

SparseMOE: 稀疏激活的MOE Swtich MOE，所有token要在K个专家网络中，选择一个专家网络。 显存增加。 Experts Choice：路由MOE：​​​​​​​ 由专家选择token。这样不同的专家都选择到某个token，也可以不选择该token。 由于FFN层的时间复杂度和attention层不同，FFN层的时…...

编程日记 2023/12/16 10:50:56

WikiJS全文搜索实战：用ElasticSearch+IK分词器提升内容检索效率（Docker版）

WikiJS全文搜索实战&#xff1a;ElasticSearch与IK分词器的深度优化指南 引言&#xff1a;为什么需要专业级全文搜索解决方案&#xff1f; 想象一下&#xff0c;当你面对一个包含数千篇技术文档的Wiki系统时&#xff0c;传统的关键词匹配就像在黑暗房间里寻找一根针。WikiJS自带…...

编程新知 2026/3/28 6:22:36

LoRA训练助手实际作品集：50+真实图片描述→高质量英文Tag转化示例

LoRA训练助手实际作品集&#xff1a;50真实图片描述→高质量英文Tag转化示例 1. 工具简介与核心价值 LoRA训练助手是一个专门为AI绘画爱好者设计的智能标签生成工具。无论你是想要训练自己的Stable Diffusion模型&#xff0c;还是需要为FLUX模型准备训练数据&#xff0c;这个…...

编程新知 2026/3/28 5:14:01

Webflux fromXXX对比

Mono.fromFuture和Mono.fromSupplier 刚开始尝试使用 Spring WebFlux 的时候&#xff0c;很多人都会使用 Mono.fromFuture() 将异步请求转成 Mono 对象&#xff0c;或者 Mono.fromSupplier() 将请求转成 MOno 对象&#xff0c;这两种方式在响应式编程 中都是不建议的&#xff0…...

编程新知 2026/3/28 4:52:06

PCB设计新手必看：从零开始掌握PCB设计全流程

1. PCB设计入门&#xff1a;从零开始的完整指南 刚接触PCB设计时&#xff0c;我完全被各种专业术语和复杂流程搞懵了。直到自己动手做了几块板子&#xff0c;才发现其实只要掌握正确的方法&#xff0c;PCB设计并没有想象中那么难。这篇文章就是把我踩过的坑和积累的经验&#x…...

编程新知 2026/3/28 3:01:12

OpenClaw性能调优：Qwen3-32B镜像的批处理与并发控制

OpenClaw性能调优&#xff1a;Qwen3-32B镜像的批处理与并发控制 1. 为什么需要性能调优 当我第一次在RTX4090D上部署Qwen3-32B模型并接入OpenClaw时&#xff0c;本以为24GB显存足以应对各种任务。但现实很快给了我一记重拳——当我尝试批量处理100个文档时&#xff0c;系统不…...

编程新知 2026/3/28 2:43:05

开源工具wxappUnpacker：微信小程序逆向解析实战指南

开源工具wxappUnpacker&#xff1a;微信小程序逆向解析实战指南 【免费下载链接】wxappUnpacker 项目地址: https://gitcode.com/gh_mirrors/wxappu/wxappUnpacker 模块一&#xff1a;工具定位与价值——小程序开发的逆向工程利器 完成本节学习后你将能够&#xff1a;…...

编程新知 2026/3/28 1:58:18

【国家级等保2.0合规必读】：Python扩展模块安全开发规范（含12项强制检查项+自动化检测脚本）

第一章&#xff1a;Python扩展模块安全开发概述Python 扩展模块&#xff08;C/C 编写的 .so/.dll 文件&#xff09;是提升性能、复用底层库或与系统交互的关键手段&#xff0c;但其直接操作内存、绕过 Python 运行时保护机制的特性&#xff0c;也使其成为安全风险的高发区。开发…...

编程新知 2026/3/28 0:03:11

Pixel Fashion Atelier惊艳案例：‘赛博神社’主题皮装在明亮城镇UI下的生成

Pixel Fashion Atelier惊艳案例&#xff1a;‘赛博神社’主题皮装在明亮城镇UI下的生成 1. 项目概览 Pixel Fashion Atelier&#xff08;像素时装锻造坊&#xff09;是一款基于Stable Diffusion与Anything-v5的图像生成工作站。与传统AI工具不同&#xff0c;它采用了复古日系…...

编程新知 2026/3/27 23:18:38

Pycharm Database工具：一站式数据库可视化操作指南

1. 为什么你需要Pycharm Database工具&#xff1f; 如果你正在用Pycharm写Python代码&#xff0c;特别是开发Web应用时&#xff0c;很可能会遇到需要操作数据库的情况。很多开发者习惯在Pycharm和Navicat这样的独立数据库工具之间来回切换&#xff0c;这其实既浪费时间又影响开…...

编程新知 2026/3/27 22:34:20

OpenClaw 的对话系统是否支持对话流程的可视化编辑？如何定义状态机？

关于OpenClaw对话系统是否支持对话流程的可视化编辑&#xff0c;目前公开的技术文档和社区讨论中并没有明确提及这一功能。从技术实现的角度来看&#xff0c;这类系统通常更侧重于底层对话状态管理和自然语言理解引擎的构建&#xff0c;而非面向产品经理或非技术人员的可视化编…...

编程新知 2026/3/27 22:12:05