HBuilder的安装与试用

准备把前端框架Layui仔细学习一遍（虽然Layui已经过了最流行的时候，但是很多项目都在用它），在B站找了一套《Layui框架精讲全套视频教程》，视频作者实操Layui时用的工具很方便，从弹幕中看到说用的是HBuilder，学习Layui过程中也想用用，本文记录下载、安装、试用HBuilder的过程。
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE，快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率（本段摘自百度百科）。
HBuilder官网见参考文献2，最新的版本为HBuilderX，版本号为3.6.18，主要支持Windows和MacOS操作系统，分为正式版和Alpha版（Windows正式版下载地址见参考文献3，压缩包只有40几M，要比VS等IDE小得多）。

HBuilderX在Windows平台中为绿色免安装版本，直接下载zip文件后，解压后即可使用。刚打开HBuilderX时程序界面如下图所示。

而Layui教程中的界面如下图所示。

上图左侧为项目管理器，按Alt+Q或者在视图菜单中点击“显示项目管理器等左侧视图”即可显示。同时在文件菜单中点击“打开目录…”，选中项目所在目录，即可在项目管理器中显示所有项目，如下图所示：

在项目管理器空白处或文件夹上点右键，选择新建->html文件，即可创建html文件，本文仅为了测试HBuilderX的基本用法，因此直接在first.html中将Layui教程中的HelloWorld示例程序复制了一份。

点击工具栏中的“浏览器运行”按钮（或者直接按Ctrl+R），在下拉框中选择Chrome浏览器浏览当前页面，然后HBuilderX会调用Chrome打开当前页面显示页面内容。

后续会跟随Layui的教程继续学习HBuilderX的用法

参考文献：
[1]https://blog.csdn.net/weixin_54217081/article/details/122781088
[2]https://www.dcloud.io/
[3]https://download1.dcloud.net.cn/download/HBuilderX.3.6.18.20230117.zip

HBuilder的安装与试用相关推荐

Proovread安装与试用
proovread安装与试用 2018.12.04 19:52:21字数 204阅读 118 [TOC] 安装环境 Ubuntu18.10 Perl 5.10.1 or later Log::Log4 ...
MAC OS X Yosemite安装与试用
MAC OS X Yosemite安装与试用北京时间2014年6月3日凌晨,苹果公司在美国旧金山Moscone中心召开2014年度全球开发者大会(WWDC 2014),发布了新一代Mac操作系统OS ...
VS2005-此计算机上已安装了试用版。必须先卸载以前安装的试用版后才能安装另一个试用版
VS2005-此计算机上已安装了试用版.必须先卸载以前安装的试用版后才能安装另一个试用版以前安装过vs 2005后来安了2008,2005删了,现在项目需要2005,再准备安上,安的时候提示&quo ...
VS2005-此计算机下已安装了试用版，必须先卸载以前安装的试用版后才能安装另一个试用版
VS2005-此计算机下已安装了试用版,必须先卸载以前安装的试用版后才能安装另一个试用版 VS2005-此计算机上已安装了试用版,必须先卸载以前安装的试用版后才能安装另一个试用版. VS2005-此计 ...
medini analyze软件下载安装使用试用购买
##商业软件如需下载安装使用试用,可以点下面,通过简介添加静态测试软件(QAC.Klocwork.Coverity等)单元测试软件集成测试软件(VectorCAST.TestBED.Tessy.C ...
libreoffice安装教程_Plasma 5.15.4+Ubuntu19.04 Kubuntu 19.04虚拟机安装和试用
4月19日更新: 国内中科大镜像网站已经上传好了ubuntu 19.04和各大风味版本正式版的ISO镜像,下载地址这里给出: Ubuntu19.04:http://mirrors.ustc.edu.c ...
HBuilder的安装及用法
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一,简介HBuilder 1,什么是Hbuilder? 2,Hbuilder的优势是什么? 3,目前Web开发领域格局二, ...
网络协议逆向工具Netzob1.0.2的安装与试用
最近项目任务有需求,想探究一下对未知未加密网络协议的解析. 之前只了解过基本的计算机网络知识,对于具体的网络协议,更多是学术上的认识,而没有工程上的认知与实践.因此对于网络协议解析的工作,可谓是一筹莫 ...
GreenHills Software编译器下载安装使用试用
##商业软件如需下载安装使用试用,可以点下面,通过简介添加静态测试软件(QAC.Klocwork.Coverity等)单元测试软件集成测试软件(VectorCAST.TestBED.Tessy.C ...

HBuilder的安装与试用

HBuilder的安装与试用相关推荐

最新文章

热门文章