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

0x00 教程内容

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

0x01 下载并安装HBuilder

1. 下载

a. 下载(http://www.pc6.com/mac/140609.html):
选择自己对应的版本,此处我下载OS X
我下载的是:hbuilder9119.dmg

2. 安装

a. 拖拉进去即是安装
在这里插入图片描述

0x02 使用

1. 开启实时预览

a. 新建一个html文件,然后输入内容,点击开启“实时预览”按钮
在这里插入图片描述
b. 打开index.html文件里面的注释,修改html代码,点击保存,右边会有实时更新
在这里插入图片描述

2. 类提示

a. 导入相关的css等文件,输入类的前面几个字母,会有提示:
在这里插入图片描述

0x03 总结

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

作者简介:邵奈一
全栈工程师、市场洞察者、专栏编辑
| 公众号 | 微信 | 微博 | CSDN | 简书 |

福利:
邵奈一的技术博客导航
邵奈一 原创不易,如转载请标明出处。


相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:马嘣嘣 返回首页