篇章一 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项目】快速新建
    在这里插入图片描述
    在这里插入图片描述
相关文章
|
JavaScript 前端开发 索引
在vue中,直接给一个数组项赋值,Vue 能检测到变化吗?
在vue中,直接给一个数组项赋值,Vue 能检测到变化吗?
411 1
|
前端开发 API 数据安全/隐私保护
Web前端开发中的跨域资源共享(CORS)解决方案
【2月更文挑战第5天】在Web前端开发中,跨域资源共享(CORS)是一个常见的挑战。本文将探讨CORS的概念和原理,并介绍一些常用的解决方案,包括服务器端配置和前端处理方法,帮助开发者更好地应对跨域请求问题。
457 4
|
域名解析 网络协议 算法
阿里云申请免费ssl证书(HTTPS) 保姆级教程
阿里云申请免费ssl证书(HTTPS) 保姆级教程,阿里云SSL免费证书在哪申请?一个阿里云账号一年可以申请20张免费SSL证书,很多同学找不到免费SSL的入口,阿小云来详细说下阿里云SSL证书免费申请入口链接以及免费SSL证书申请流程
870 0
|
小程序 开发工具 Android开发
uni-app使用HBuilder X编辑器本地打包apk步骤说明
uni-app使用HBuilder X编辑器本地打包apk步骤说明
2202 0
uniapp引入阿里图标库
平时项目开发肯定少不了图标的使用,除了自己定制图标库之外,再一个比较不错的就是使用阿里的图标库,这里包含了很多分类的图标,基本上你想用的图标它都有,不仅好看,使用起来也是非常方便的,下面一起来看看吧。
942 0
uniapp引入阿里图标库
|
4月前
|
Python
顺风车抢单脚本,顺风车抢单永久免费版,网约车抢单插件软件
这是一个基于Python和Selenium的自动化脚本,用于检测订单页面中的距离和价格,并在符合条件时自动点击接受订单。脚本具备异常处理
|
Windows
HBuilderX安装教程
HBuilderX安装教程
396 1
|
12月前
|
监控 数据可视化
搬运5款精致小巧的免费软件
今天分享5款超实用的小工具,包括数据可视化工具Chartistic、网速监控软件Global Speed、微信空号检测软件燃精灵、PDF编辑工具Drawboard PDF和文件搜索工具闪电搜索。这些小巧精致的免费软件能够有效提升工作和生活的效率。
177 1
|
12月前
|
存储 消息中间件 NoSQL
【redis】redis的特性和主要应用场景
【redis】redis的特性和主要应用场景
656 2
|
12月前
|
移动开发 小程序 数据可视化
HBuilderX 小白上手指南
HBuilderX 小白上手指南
724 0