HBuilderX安装入门教程(非常详细)图解

软件介绍

HBuilder X是一款为前端量身订制的多功能代码编辑器,它有飞一样的编码、最完整的语法库和浏览器兼容数据、能够方便制作手机APP,还有保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。
安装步骤

一、下载安装
1.在地址栏中直接输入https://www.dcloud.io
在这里插入图片描述
2.点击箭头所指,进去过后点击DOWNLOAD在这里插入图片描述

3.点击过后 选择自己所需要的版本。

HBuilder目前有两个版本,一个是windows版,一个是mac版。下载的时候根据自己的电脑选择适合自己的版本
4.下好后,进行解压。
在这里插入图片描述
5.HBuilderX是免安装的,所以解压过后,点进去就往下拉就看得到HBuilderX图标。

不会创建桌面快捷方式的宝宝看过来:

右击【HBuilderX.exe】这个执行文件,选择【创建快捷方式】,就会在刚刚的文件下出现一个快捷方式,选中后拖到桌面上就行。
在这里插入图片描述

6.点进去过后就会弹出选择什么主题。

点进去过后现在自己喜欢的主题就ok啦!
2.启动
1.进入我们的项目建立阶段,点击“新建项目”,创建项目名称,设置项目所在的位置确定即可,完成之后会在左边的项目栏管理器中出现。
在这里插入图片描述
在这里插入图片描述
2.运行的话,这里就可以选择想在哪个游览器里面运行就可以了。
在这里插入图片描述
谢谢觉得有用的话 关注一波点个赞哦!!!!

最近更新

  1. TCP协议是安全的吗?

    2024-01-26 21:02:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-26 21:02:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-26 21:02:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-26 21:02:01       20 阅读

热门阅读

  1. React进阶 - 13(说一说 React 中的虚拟 DOM)

    2024-01-26 21:02:01       45 阅读
  2. Hive之set参数大全-14

    2024-01-26 21:02:01       29 阅读
  3. SpringBoot实现自定义异常+全局异常统一处理

    2024-01-26 21:02:01       36 阅读
  4. 深入理解高阶函数与函数柯里化在React中的应用

    2024-01-26 21:02:01       39 阅读
  5. MySQL之约束

    2024-01-26 21:02:01       33 阅读
  6. CGAL::Plane_3<K>平面结构

    2024-01-26 21:02:01       36 阅读
  7. webpack常见的loader和plugin

    2024-01-26 21:02:01       37 阅读
  8. Android JNI中设置全局的jbyteArray

    2024-01-26 21:02:01       35 阅读