HBuilder无法使用解决方案(HBuilderX安装教程)

​HBuilderX​​是HBuilder的升级版。它是是DCloud(数字天堂)推出为前端开发者服务的通用IDE,或者称为编辑器。

前端部分课程中老师的版本是HBuilder,现在使用有时会有些奇怪的bug,所以建议使用HBuilderX,后面的vue部分也可以使用HBuilderX创建vue项目。

一:在官网上下载自己电脑对应的版本

下载地址:

​https://www.dcloud.io/hbuilderx.html​

HBuilder无法使用解决方案(HBuilderX安装教程)_django

二:将下载下来的zip包内的所有文件解压到安装目录即可,windows可以使用winrar软件解压。

winrar下载:
​​​https://www.winrar.com.cn/​

HBuilder无法使用解决方案(HBuilderX安装教程)_行编辑_02

三:解压到想要安装到的目录即可,然后双击HBuilderX.exe运行软件。

HBuilder无法使用解决方案(HBuilderX安装教程)_django_03

四、新建项目:点击左上角文件>>新建>>项目

建议在桌面新建一个文件夹,用于存放前端的html代码,路径过长会导致部分html代码运行效果与老师的html代码不一致。

HBuilder无法使用解决方案(HBuilderX安装教程)_行编辑_04

两个比较常用的快捷键:

(1)复制当前行:

ctrl+shift+r

(2)多行编辑,如果未生效,右下角会提示安装插件,安装好之后生效:

第一种:按住ctrl,再用鼠标点击想要同时编辑的地方
第二种:选中需要多行编辑的区域,然后ctrl+shit+\

HBuilder无法使用解决方案(HBuilderX安装教程)_开发语言_05