篇章一 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项目】快速新建
    在这里插入图片描述
    在这里插入图片描述
相关文章
|
数据可视化 Android开发
XMind 2021 v11.1.2破解版使用方法
XMind 2021 v11.1.2破解版使用方法
251 0
|
7月前
|
前端开发
[巨详细]使用HBuilder-X新建uniapp项目教程
【6月更文挑战第6天】安装HBuilder-X 详细步骤可看上文》》 启动uniapp项目 先打开HBuilder-X
361 5
|
7月前
|
前端开发
[巨详细]安装HBuilder-X教程
【6月更文挑战第6天】下载HBuilder-X 官方网址:https://www.dcloud.io/ 点击网址 ,打开官网
266 1
|
8月前
|
移动开发 前端开发 IDE
前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)
前端知识笔记(三十四)———HBuilder的下载与使用(详细步骤)
264 0
|
前端开发 Linux C++
又一款神级插件,这下连PPT都不用装了|在VSCode中用Markdown写PPT
又一款神级插件,这下连PPT都不用装了|在VSCode中用Markdown写PPT
VSCode 翻译插件一览表
VSCode 翻译插件一览表
4759 0
|
开发者
HBuilderX - 基础篇
HBuilderX - 基础篇
525 0
|
自然语言处理 Python
pycharm添加翻译插件和汉化插件,妈妈再也不用担心我英语不好啦
pycharm添加翻译插件和汉化插件,妈妈再也不用担心我英语不好啦
541 0
pycharm添加翻译插件和汉化插件,妈妈再也不用担心我英语不好啦
|
Android开发
开发笔记5 | 阿里云Eclipse插件安装与使用(视频演示)
快速体验 安装指南 阿里云开发者工具交流 钉钉群
1260 0