HbuilderX 的试用心得

菜鸟级编程爱好者

以前 Vue 的编辑器一直用的是 Webstorm 和 VS code。不久前从网上得知 HbuilderX 把 Vue 编辑器和 IDE 的功能合二为一，就尝试着用用。几天用下来，总的感觉：HbuilderX 很有特点，相当不错。
一、非常受用的功能和特性

1. 非常及时、有用的代码提示和补全功能，特别是提示中提供的选项给使用者提供了很好的便利。
2. 预览功能：非常好用，特别是在调试代码，需要多个浏览器同时运行时。记得好像 Adobe Dreamweaver CS 提供了预览，但其和代码的结合没有 HbuilderX 自然。
3. 绿色软件，这么复杂的软件不用安装，怎么做到的？
4. 启动软件非常快，比 VS code 快多了。
5. 热加载功能非常体贴我等马大哈 —— 不用担心丢失代码了。

二、遇到的问题

1. 用 HbuilderX 内置功能新建 Vue 项目：以前都是用 Vue 的脚手架来新建项目，然后用编辑器编辑，这次不用脚手架，用 HbuilderX 新建项目后发现不能运行，用下列方法解决了问题：npm install --》安装依赖；npm init--》初始化。不知是否有更省事的方法？
2. HbuilderX 发行版 2.2.2 内置的开发者工具里控制台不能输出信息，除非 Vue 代码里有 a 标签，并链接了一次互联网。无奈之下，下载了 alpha 2.2.5 版一试，居然无条件打开控制台并输出信息。现在我干脆用 alpha 版。
3. 安装 Element-ui 包后，运行报错，无法使用。解决的办法：使用项目的功能 —— 重新识别项目类型，重新构建项目索引。然后。。。可以用 Element-ui 了。
4. Tab、退格键还不够智能化。比如我希望子代码缩进 4 个空格，当前部分子代码只缩进空格数未达到要求，当用 Tab 键调整缩进的时候应能根据缩进设定智能调整一次增加1 - 4 个空格。Tab 目前不能达到要求，退格键同理。

三、建议
希望软件能在三个方面更加完善：

1. 更加傻瓜式
2. 更加智能化
3. 更加健壮
4. 更加人性化

感谢 DCloud 为用户提供了这么优秀的软件，就像 LiteIDE 那样优秀。我就赖上你了，加油！