教你用HBuilderX免费搭建一个网站

前言

如果你有vue的基础，那么HBuilderx工具将会是你更好的选择，他可以快速帮助你搭建网站，即使你只是一个人，利用DCloud你可以使用阿里云免费但受限的服务器资源，后续也可以花费资金升级服务器。而且不需要你学会复杂的数据库操作语句，是用官方提供的api就可以方便的对数据库进行操作，前后端对接也有提供的api方便传输数据，同时还可以帮你托管前端网页，即使你没有域名也可以进行发布。

如果你对html/js/vue都不怎么了解，可以先去学习html、js、css等网页所需的基础语言。这一步学习，你可以使用vsc（Visual Studio Code）完成基础的学习，以及vue相关的学习。

Visual Studio Code官网https://code.visualstudio.com/download

所需工具

1.HBuilderX

HBuilderX官网https://dcloud.io/hbuilderx.htmlHBuilderX，简称HX，是一款免费工具。

轻巧、极速，10M的绿色发行包，C++架构，启动速度、大文档打开速度、编码提示，都极速响应；

强大的语法提示，一流的ast语法分析能力，语法提示精准、全面、细致，转到定义、结构完善；

专为vue打造，提供比其他工具更优秀的vue支持，大幅提升你的vue开发效率；

清爽护眼，界面清爽简洁，绿柔主题经过科学的脑疲劳测试，最适合人眼长期观看的主题界面。保护手腕，减缓鼠标手；

高效极客操作，HBuilderX对字处理提供了更崇高的支持。更强大的多光标、只能双击、选区管理...让文字处理的效率大幅提升。比如你可以简单的选中想要处理的多端文字区块，方便的同时注释掉同行的一对tag或if块首尾行；

markdown优先，HB是唯一一个新建文件默认类型是markdown的编辑器，也是对md支持最强的编辑器，你甚至可以直接粘贴表格、图片进来。对于技术人员，我们强烈建议你以后不要使用记事本了，用markdown来代替txt。

2.微信开发者工具(可选)

微信开发者工具官方文档https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序是一种不需要下载安装即可使用的应用，用户扫一扫或搜一下即可打开，具有“触手可及”的特点。

微信小程序已经覆盖了多个行业，拥有庞大的用户群体。据统计，微信小程序应用数量超过了一百万，日活用户达到两个亿，为开发者提供了广阔的市场空间。

微信小程序的开发文档完善，社区支持强大，使得开发者能够快速上手并解决问题。

3.HBuilderX与微信小程序的结合(可选)

在HBuilderX中，开发者可以方便地创建和配置微信小程序项目。通过简单的设置，开发者可以将项目运行到微信开发者工具中，实现实时预览和调试。

HBuilderX支持在线调试和真机调试࿰