hbuilderx安装教程_HBuilderX初级安装使用教程

1. 安装HBuilderX

打开网站后，点击Download按钮，弹窗如下：

App开发版，包含大部分App开发插件。App开发，指的是手机应用开发。

如果您是初学者或开发前端，建议下载标准版。后期如果学习App开发，可以到【插件安装】中，安装相关插件

Windows版本，下载的是一个 zip包，需要解压后才能使用。解压软件可以使用：360压缩软件、或7zip压缩软件

压缩过程，不要中断。不要在压缩软件中打开exe。

解压完成后，点击HBuilderX.exe ，如下图

注意：如果您无法打开或启动报错，请参考此贴 windows启动问题排查

2. 初识HBuilderX

HBuilderX首次启动后，打开了一个HBuilderX自述文件.md, 如下图：

HBuilderX自述文件.md：是一个markdown文件，什么是markdown呢？就是个文本语言。有兴趣的同学，点此了解Markdown

有兴趣的同学，可以读一读这个文件。或者直接点击右上角的x，关闭此文件。

关闭后的页面窗口如下：

3. 创建项目，开始HX旅程

点击【新建项目】、或点击工具栏上第一个图标(就是带有红色+号)、或直接 Ctrl + N ，调出创建项目窗口

新建项目后，如下图：

4. 编写代码

如上图所示，HBuilderX拥有强大的代码助手提示，可以帮您少敲很多代码。

5. 查看代码效果

如下图所示，点击【预览】可以查看代码效果。

如果您首次点击【预览】，又没有安装【内置浏览器】，点击预览的时候，会提示您安装插件，点击确定即可。

6. 安装插件

点击菜单【工具】【插件安装】

7. 文件单击与文件双击

如上图，标红部分，显示效果不一样。

这是因为：单击预览文件，双击打开文件

hbuilderx安装教程_HBuilderX初级安装使用教程相关推荐

hbuilderx安装教程_HBuilderX 的安装使用教程
1. 安装HBuilderX 打开网站后,点击Download按钮,弹窗如下: App开发版,包含大部分App开发插件.App开发,指的是手机应用开发. 如果您是初学者或开发前端,建议下载标准版.后期 ...
zblog php 安装,如何安装Zblog？ZBlogPHP安装图文教程
这是一篇初级教程,旨在教初次入门ZBlog的用户可以更快的安装ZBlog程序,ZBlogPHP是由PHP语言开发的开源博客程序. 虽然,zblog也有asp版本的,但是目前以及今后趋势使用php版本才 ...
termux使用教程python-termux怎么安装python
Termux是一个Android下一个高级的终端模拟器,开源且不需要root,支持apt管理软件包,十分方便安装软件包,完美支持Python,PHP,Ruby,Go,Nodejs,MySQL等.随着智 ...
Beaglebone Black教程BeagleBone Black安装最新系统映像
Beaglebone Black教程BeagleBone Black安装最新系统映像 BeagleBone Black安装最新系统映像 Beaglebone Black虽然已经预装了Debian操作系 ...
VMware虚拟机安装黑苹果MacOS Mojave系统详细教程
更多资源请百度搜索:前端资源网欢迎关注我的博客:www.w3h5.com 最近遇到一个H5页面的 iPhone X 刘海兼容问题.查到一个 XCode 编辑器,可以模拟 iPhone X 环境运行. ...
SCCM 2007系列教程之二客户端安装之客户端请求安装
一.客户端安装方法: 客户端请求安装.软件更新点安装. 组策略安装.登录脚本安装.手动安装.升级安装.客户端映像客户端成功安装客户端之后,它将尝试分配到某个站点,并找到该站点的默认管理点以下 ...
阿里云服务器ECS Ubuntu16.04 初次使用配置教程(图形界面安装)
阿里云服务器ECS Ubuntu16.04 初次使用配置教程(图形界面安装) 2019-01-23 22:55:50 laugh12321 阅读数 851更多分类专栏: ECS Ubuntu 版权声 ...
MySQL 5.7---安装详细教程（.zip安装）
1.官网下载zip压缩包:https://dev.mysql.com/downloads/mysql/ 完成后解压至自己的目录,我这里是:F:\MySQL 5.7.34 2.添加环境变量:我的电脑-& ...
Linux环境中Visual Studio Code 安装配置及其卸载（详细教程）
两篇相关博文: 在VMware15中创建虚拟机安装ubuntu系统(超详细教程) Linux环境编译运行C/C++语言程序----配置gcc.g++(详细教程) 此篇分享我在linux环境下安装VS ...

hbuilderx安装教程_HBuilderX初级安装使用教程

hbuilderx安装教程_HBuilderX初级安装使用教程相关推荐

最新文章

热门文章