篇章一 HBuilderX下载与使用

简介: 篇章一 HBuilderX下载与使用

HBuilderX下载与使用

一、下载

网址:https://www.dcloud.io
HBuilder目前有两个版本,一个是windows版,一个是mac版。

1. 点击链接进入网站

在这里插入图片描述

2. 进入Hbuilder官方网站

在这里插入图片描述

3. 下载

在这里插入图片描述

4. 解压

在这里插入图片描述

5. 找到执行文件

在这里插入图片描述

6. 打开HBuilder

双击这个文件就可以打开HBuilder这个开发编辑器了,因为我们是直接解压使用的。所以找起来会很麻烦,你可以将【HBuilder.exe】这个执行文件发送到桌面快捷方式,这样每次使用的时候直接在桌面就可以打开。如下图所示:
在这里插入图片描述

二、HBuilder IDE的使用

1. 双击启动文件

在这里插入图片描述
打开之后,你会发现HBuilder的编辑器风格是黄色系,对眼睛比较好,不同于其他编辑器以黑白为主。而且它非常人性化,给你很多的新手入门提示

2. 新建项目

  • 新建一个Web项目,依次点击【文件】【新建】选择【Web项目】
    或者按下Ctrl+N,选择【Web项目】快速新建
    在这里插入图片描述
    在这里插入图片描述
相关文章
|
10月前
|
数据可视化 Android开发
XMind 2021 v11.1.2破解版使用方法
XMind 2021 v11.1.2破解版使用方法
158 0
|
存储 JavaScript 前端开发
VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了
Visual Studio Code 是一个轻量级功能强大的源代码编辑器,支持语法高亮、代码自动补全(又称 IntelliSense)、代码重构、查看定义功能,并且内置了命令行工具和 Git 版本控制系统。适用于 Windows、macOS 和 Linux。它内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言和运行时(如 C++、C#、Java、Python、PHP、Go、.NET)提供了丰富的扩展生态系统。为了不影响读者的沉浸式阅读学习,如需使用目录请在左侧使用即可。
4404 0
VSCode安装配置使用教程(最新版超详细保姆级含插件)一文就够了
|
27天前
|
前端开发 开发工具 git
[巨详细]使用HBuilder-X启动uniapp项目教程
【6月更文挑战第6天】使用HBuilder-X启动uniapp项目教程 先用HBuilder-X打开本地的uniapp项目
54 0
|
2月前
|
JavaScript 搜索推荐 前端开发
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
103 0
|
2月前
|
移动开发 前端开发 IDE
前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)
前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)
99 0
|
12月前
|
Web App开发 JavaScript 前端开发
VueCLi的安装步骤(第四课)
VueCLi的安装步骤(第四课)
226 0
|
存储 程序员 开发工具
Xmind2023最新版思维导图软件下载
Xmind2023是一款 全功能的思维导图和头脑风暴软件。像大脑的瑞士军刀一般,助你理清思路,捕捉创意。通过XMind可以随时开展头脑风暴,帮助人们快速理清思路。
270 0
|
文字识别 数据安全/隐私保护 计算机视觉
【番外篇】客户端开发(Electron)无源码如何做汉化
【番外篇】客户端开发(Electron)无源码如何做汉化
649 0
【番外篇】客户端开发(Electron)无源码如何做汉化
|
Android开发 开发者