HBuilder X的下载安装和简单使用

最新推荐文章于 2024-05-30 18:09:06 发布
最新推荐文章于 2024-05-30 18:09:06 发布
阅读量188 收藏 1
点赞数
文章标签： vscode 编辑器 sublime text 开发语言 前端框架 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61038697/article/details/131650356
版权

官网地址HBuilderX的官网 ctrl+点击访问

  1. 点击进入下载

  1. 下载后的包为zip压缩包，转移到我们想要的路径进行解压，找到exe文件进行打开即可

 

 

 

简单使用

  1. 创建新项目
     

 

  1. 选择需要的项目类型，这里选用普通项目，输入项目名称和地址，可以选用含有基础文件的HTML项目，并创建

  1. 打开可以得到基础的文件和代码

  1. 输入测试代码，选择浏览器，点击进行测试


 

 

 

蜡笔小心不小心
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
HBuilderX.1.7.0.20190314.zip
08-04
HBuilderX，简称HX，是轻如编辑器、强如IDE的合体版本 它令我们爱不释手，希望你也会喜欢上这款免费工具。 轻巧 10M的绿色发行包 极速 不管是启动速度、大文档打开速度、 编码提示，都极速响应。 清爽护眼 界面清爽简洁，绿柔主题经过科学的脑疲劳测试， 最适合人眼长期观看的主题界面。 强大的语法提示 HBuilderX带有ide才有的ast语法分析能力， 能对代码进行深度语法分析，给予准确的语法 提示而不是猜单词。 高效 HBuilderX对字处理提供了更崇高的支持。 更强大的多光标、智能双击、选区管理... 让文字处理的效率大幅 提升。 比如你可以简单的选中想要处理的多端 文字区块，方便的同时注释掉不同行的 一对tag或if块首尾行。 markdown优先 HX是唯一一个新建文件默认类型是markdown的 编辑器，也是对md支持最强的编辑器，你甚至可 以直接粘贴表格、图片进来。 对于技术人员，我们强烈建议你以后不要使用记事 本了，用markdown来替代txt。
HBuilderX.1.8.1.20190330.zip
07-04
HBuilderX2019安装后直接可以用，轻量级，简单。适用于Web前端开发。9安装后直接可以用，轻量级，简单。适用于Web前端开发。
HBuilderX初次开发uni-app各种配置
graphyer的博客
03-28 690
你需要下载HBuilder和微信开发者工具需要申请微信小程序appid当然后面的开发还有很多事情要做，慢慢去学吧，比如下载uni-ui插件使用等。
利用HbuilderX制作简单网页： HTML5期末大作业——html5漫画风格个人md
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
【HBuilder】的下载和安装
weixin_47375144的博客
03-13 2439
选中“HBuilderX.exe”，鼠标右键，创建快捷方式，将新生成的执行文件剪切到桌面（此步骤可有可无，我是为了方便之后的操作）进入解压的文件夹，找到执行文件“HBuilderX.exe”导入已有项目（文件-导入-从本地目录导入）双击打开桌面的执行文件。解压上述下载的安装包。
Hbuilder 下载与安装教程
热门推荐
梁辰兴的博客
03-08 1万+
Builder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
HBuilder X 下载安装内置浏览器失败
学习，思考，输出
01-30 7952
文章目录前言解决方法参考 前言 今天周末闲着没有什么事，就抽空玩玩所谓很强大跨平台的uni-app，HBuilder X下载解压即可使用，写一个简单demo，一切都很顺利，但每次修改调试看结果都需要跑到手机看就很蛋疼了，在HBuilder X提供一个预览功能，需要在下载内置Web浏览器插件才可使用。 在下载内置浏览器插件，一直提示下载失败，请检测网络是否正常： 详细错误日志，在HBuilder X中，帮助 -> 查看运行日志 解决方法 下次两种方法可以依次尝试下： 关闭HBuider X
HBuilderX 安装教程
JMFive的博客
03-22 5209
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【软件安装教程】专栏的第篇文章;【软件安装教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉
HBuilderX.2.2.2.20190816.zip
08-23
语法提示精准、全面、细致，转到定义、重构完善提供比其他工具更优秀的vue支持大幅提升你的vue开发效率清爽护眼界面清爽简洁，绿柔主题经过科学的脑疲劳测试，最适合人眼长期观看的主题界高效极客操作HBuilderX对字...
hbuilderx-extension-docs:HBuilderX插件开发文档
03-19
HBuilderX ，H是HTML的首字母，生成器是构造者，X是HBuilder的下一代版本。我们也简称HX 。 HX是轻如编辑器，强如IDE的合体版本。 让我们简单了解下HX的特点 轻巧仅10余M的绿色发行包（不含插件） 极速不管是启动...
Hbuild混合开发h5实用方法
u014708123的博客
12-15 563
【代码】Hbuild混合开发h5实用方法。
【HBuilder】前端IDE神器
岳涛的博客
09-20 2113
Hbulider一、简介1.1 出身1.2 特点二、安装2.1 官网下载2.2 解压，发送快捷方式到桌面三、启动3.1 选择主题和快捷键方案 一、简介 1.1 出身 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。 Web编程的IDE从Frontpage、Dreamweaver、UE，到Sublime T
HBuilder 知识点梳理
2301_77331010的博客
10-04 3722
HBuilder 是一款国内知名的前端开发工具，提供了集成开发环境（IDE）以及多种工具和插件，方便开发者进行 Web、移动端和桌面端应用的开发和调试。HBuilder 是基于 Eclipse 平台开发的，使用 HTML5+ 技术栈进行开发，支持多种前端开发语言和框架，如 HTML、CSS、JavaScript、Vue、React、Uni-app 等。HBuilder 提供了丰富的代码编辑功能，包括代码智能提示、代码格式化、代码片段、代码折叠等，提高开发效率和代码质量。
Hbuild X 下载以及插件安装
weixin_44244924的博客
04-10 5087
Hbuild X 下载以及插件安装
vscode ctrl+鼠标左键无法跳转
你的问题在于，读书太少而想得太多。
05-30 247
vscode ctrl+鼠标左键无法跳转
vscode编译和调试wsl环境的c语言程序
最新发布
qq_36997660的博客
05-30 679
直接f5会报错，提示你改一下json文件。
VsCode个人插件
pauline_的博客
05-27 312
Auto Rename Tag => 同时修改标签 Bracket Pair Colorizer => 不同层级不同括号颜色 Dracyka Theme => 个人比较喜欢的一款主题 Error Lens => 错误信息显示 ES7+REACT/Redux/React-Native=>react开发插件 ESLINT Indenticator=>方便看结构 Prettier Formatter for Visual Studio Code => 格式化
2024-05-30 vscode python不能调试
老林的博客
05-30 260
要解决问题: from pyexpat import * ImportError: DLL load failed while importing pyexpat: 找不到指定的程序。想到的思路: 顺着pyexpat找原因.其它的补充: 依赖地狱.讨厌的依赖地狱.
hbuilderx使用教程
08-22
您好！对于HBuilderX的使用教程，我可以给您一些简单的指导。 1. 安装和配置： - 您可以从HBuilderX官方网站下载适用于您的操作系统的安装程序，并按照提示完成安装。 - 安装完成后，打开HBuilderX，您可以选择安装一些常用的插件和扩展来增强编辑器的功能。 2. 创建项目： - 在HBuilderX中，您可以通过选择「文件」>「新建」>「项目」来创建一个新的项目。 - 在创建项目时，您可以选择不同的模板（如Vue、React等）或者纯净项目。 - 设置好项目名称、路径和其他相关配置后，点击「确定」完成项目创建。 3. 编辑和调试： - 在项目中，您可以使用编辑器来编写代码，支持多种前端语言和框架。 - HBuilderX提供了代码补全、语法高亮、自动格式化等功能，帮助提高开发效率。 - 您可以使用内置的浏览器预览和调试您的项目。点击「运行」>「运行到浏览器」即可在浏览器中查看效果。 4. 版本控制： - HBuilderX集成了Git版本控制工具，您可以通过「视图」>「Git」打开Git视图。 - 在Git视图中，您可以初始化、提交、推送和拉取代码等操作，方便团队协作和代码管理。 5. 其他功能： - HBuilderX还提供了丰富的插件和扩展，您可以根据自己的需求安装和使用它们，扩展编辑器的功能。 - 另外，HBuilderX还支持一些快捷键和代码模板，帮助您更高效地编写代码。 以上是HBuilderX的简单使用教程，希望对您有所帮助！如果有任何进一步的问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值