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

您所在的位置:网站首页 为什么hbuilder无法创建html HBuilder无法使用解决方案(HBuilderX安装教程)

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

2022-10-12 03:37| 来源: 网络整理| 查看: 265

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

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

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

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

下载地址:

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

image.png

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

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

image.png

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

image.png

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

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

image.png

两个比较常用的快捷键: (1)复制当前行: ctrl+shift+r (2)多行编辑,如果未生效,右下角会提示安装插件,安装好之后生效: 第一种:按住ctrl,再用鼠标点击想要同时编辑的地方 第二种:选中需要多行编辑的区域,然后ctrl+shit+\

image.png



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3