前端开发神器HBuilder的安装与使用(mac版本)

简介: 前端开发神器HBuilder的安装与使用(mac版本)

0x00 教程内容


  1. 下载并安装HBuilder
  2. 推荐插件安装


0x01 下载并安装HBuilder


1. 下载

a. 下载(http://www.pc6.com/mac/140609.html):

选择自己对应的版本,此处我下载OS X

我下载的是:hbuilder9119.dmg

2. 安装

a. 拖拉进去即是安装


image.png


0x02 使用


1. 开启实时预览

a. 新建一个html文件,然后输入内容,点击开启“实时预览”按钮


image.png


b. 打开index.html文件里面的注释,修改html代码,点击保存,右边会有实时更新




2. 类提示

a. 导入相关的css等文件,输入类的前面几个字母,会有提示:




0x03 总结


  1. 本文展示了HBuilder实时预览、类提示两个亮点功能,更多亮点功能,本文会继续更新


相关文章
|
2天前
|
iOS开发 MacOS Windows
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
|
3天前
|
项目管理 Python
如何在Mac上安装多个Python环境
在你的Mac上使用多个Python环境可以对项目管理很有帮助,特别是在同时处理不同Python版本或不同的包需求时。在这篇文章中,我们将向你展示如何在Mac上轻松地安装和管理多个Python环境。
17 5
 如何在Mac上安装多个Python环境
|
1天前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
15 3
|
15天前
|
Web App开发 开发工具 Android开发
【Flutter】Flutter安装和配置(mac)
【Flutter】Flutter安装和配置(mac)
|
20天前
|
Shell 数据安全/隐私保护
Mac上HomeBrew安装及换源教程
【8月更文挑战第30天】这是在 Mac 上安装及更换 Homebrew 源的教程。首先通过终端执行命令 `/bin/bash -c "\$\(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh\)` 安装 Homebrew,并使用 `brew --version` 检查是否安装成功。接着可更换软件源以提高下载速度,例如设置中科大为源,并更新相关设置。这将有助于提升 Homebrew 的使用体验。
158 9
|
24天前
|
前端开发 小程序 Unix
Centos安装前端开发常用软件
Centos安装前端开发常用软件
|
30天前
|
JavaScript 前端开发 Shell
mac和windows上安装nvm管理node版本
NVM(Node Version Manager)是前端开发者常用的命令行工具,用于管理计算机上的不同Node.js版本。通过NVM,开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上,可以通过cURL或Wget下载安装脚本,或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
87 0
|
虚拟化
mac 系统安装总结
引用:http://forum.ubuntu.org.cn/viewtopic.php?t=314304 要装64位的guest系统,需要:1.你的CPU是64位的2.你真机上装的host系统必须是64位的3.你安装的vmware/Vbox必须是64位的4.你在vmware/vbox中,创建虚拟机时,必须选择创建的是64位的虚拟机然后你的guest系统才能装64位的。
798 0
|
1月前
|
NoSQL 数据可视化 Redis
Mac安装Redis
Mac安装Redis
38 3
|
1月前
|
关系型数据库 MySQL 数据安全/隐私保护
Mac安装Mysql5.7
Mac安装Mysql5.7
50 5