开发工具HbuilderX的安装及使用

- 日理万妓 2022-09-02 11:51 235阅读 0赞

下载地址

[https://www.dcloud.io/hbuilderx.html][https_www.dcloud.io_hbuilderx.html]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvY29fOTk4_size_16_color_FFFFFF_t_70][]

说明：HBuilderX正式版和Alpha版区别 ：

Alpha（本意最初的，原始的，第一个，开端），所以一些近期的更新，新功能一般都在Alpha上发布，我初次使用，我就选择了稳定的正式版

正式版本中的标准版和App开发版的区别：

标准版可直接用于web开发、markdown、字处理场景。做App时需要安装插件。  
App开发版预置了App/uni-app开发所需的插件，开箱即用。  
标准版也可以在插件安装界面安装App开发所需插件，App开发版只是一个预集成作用。

下载解压成功，放到你需要的盘中，双击.exe文件打开就可以，

简单使用   “文件”菜单→“新建”→“html文件”， 可以新建一个html文件，如下图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvY29fOTk4_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvY29fOTk4_size_16_color_FFFFFF_t_70 2][]

当编辑完成后，点击“保存“按钮，就可以点击右侧的”预览“按钮看效果（若是第一次使用，若是后第一次使用”预览“，提示安装内置浏览器插件，需要按提示安装），安装成功后就能在右侧访问

[https_www.dcloud.io_hbuilderx.html]: https://www.dcloud.io/hbuilderx.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvY29fOTk4_size_16_color_FFFFFF_t_70]: /images/20220829/e538c08a6943486a9d510dac8357be8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvY29fOTk4_size_16_color_FFFFFF_t_70 1]: /images/20220829/8661127736c544d0a3fd5ed10bbd5b2a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvY29fOTk4_size_16_color_FFFFFF_t_70 2]: /images/20220829/69bc6418f0644dac9b542492d3c92683.png