HBuilderX 最新安装使用教程,附详细图解,持续更新

简介: HBuilderX 最新安装使用教程,附详细图解,持续更新

HBuilderX 安装使用教程


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


10c4458c7dbad5ffa148bdae84ca782f_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


官网地址:


https://ask.dcloud.net.cn

点击下载

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


b859fa87dcbbb7bf34371e40e6881ac0_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


说明: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可执行程序,双击即可启动程序:


4016f4104946558e186726c1a85b9627_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


简单使用


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


04ef1ac8b5f59e8cc19f7d5f2e67d5a5_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


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


24af814afce3ac2bf8c0de4e72696ae3_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


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


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


7d961f0e413ae193f7ec05d8e9de67e0_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


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


031d1bd5aff200d599a221319421063b_watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NuZHMxMjM=,size_16,color_FFFFFF,t_70.png


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


下载地址


点击下载


相关文章
|
22天前
|
IDE 测试技术 项目管理
【新手必看】PyCharm2025 免费下载安装配置教程+Python环境搭建、图文并茂全副武装学起来才嗖嗖的快,绝对最详细!
PyCharm是由JetBrains开发的Python集成开发环境(IDE),专为Python开发者设计,支持Web开发、调试、语法高亮、项目管理、代码跳转、智能提示、自动完成、单元测试和版本控制等功能。它有专业版、教育版和社区版三个版本,其中社区版免费且适合个人和小型团队使用,包含基本的Python开发功能。安装PyCharm前需先安装Python解释器,并配置环境变量。通过简单的步骤即可在PyCharm中创建并运行Python项目,如输出“Hello World”。
197 13
【新手必看】PyCharm2025 免费下载安装配置教程+Python环境搭建、图文并茂全副武装学起来才嗖嗖的快,绝对最详细!
手把手教您制作并发布个人网站或主页(一)(图解教程针对小白)
                  很多人都像我一样,从小就有个梦想,就是能自己制作一个属于自己的网站,下面就让我图解一下制作过程,针对广大小白,大神绕道。             首先,我推荐一款类似于记事本的编译工具,叫sublime2 Text2,下载地址http://download.csdn.net/detail/gshengod/5942957。 软件的界面。      
1273 0
|
9月前
|
消息中间件 运维 关系型数据库
KnowStreaming系列教程第一篇——安装和使用
KnowStreaming系列教程第一篇——安装和使用
543 0
|
Android开发
编程工具使用教程汇总(持续更新)
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.
758 0
|
4月前
|
Oracle Java 关系型数据库
JLink 使用教程:从入门到精通
本文提供了JLink工具的使用教程,包括入门、进阶和高级篇,涉及创建运行时镜像、添加模块、自定义启动器、压缩镜像、自定义运行时参数和配置文件等内容,旨在帮助用户创建独立的Java应用程序运行时环境。
441 0
|
8月前
|
C++
新手小白第一次使用VisualStudio的简单配置教程
新手小白第一次使用VisualStudio的简单配置教程
|
算法 应用服务中间件 数据库
这或许是我写的最全的BLAST教程
Basic local alignment search tool (BLAST) 包括:blastn, blastp, blastx, tblastn, tblastx等. 使用conda安装即可。
4385 0
|
9月前
|
Unix C语言 C++
redline教程
http://www.youtube.com/watch?v=6p7FqSav6Ho http://www.
773 0
|
Web App开发 JavaScript 前端开发

热门文章

最新文章