苹果 Mac 系统
HBuilder Mac版
A、显示“控制台”视图Mac版默认隐藏控制台（应该是有事情触发才会显示，比如报错的时候），所以我们先把“控制台”视图显示出来。步骤（点击菜单栏操作）：1. 视图——>显示视图——>其他；2. 常规——>控制台这样“控制台”就显示出来了。这一步的目的是为了便于终端的操作和显示，在“控制台”里输入命令和显示运行结果。
B、添加终端现在我们开始设置终端。步骤：1. 运行——>外部工具——>外部工具 配置2. 新建(+)3. 会弹出一个弹窗以供设置，要填的地方已经标出。
C 、 终端的设置配置a. 【名称】 那里填给新建工具起名字。我这里命名为：OpenTerminalb. 【要执行的命令或文件】那里输入：/bin/bash ，这是固定（没有意外的话都是这样子的，webstorm的终端路径也是这个）的，c. 【工作目录】那里可以通过【变量】按钮进行选择，我们选择project_loc变量，表示：项目文件夹的绝对路径。选择之后框会自动生成：${project_loc}如果你懒得找，可以直接把 ${project_loc} 写进去。d. 点击【公共】进行进一步配置，主要就是“编码”，“输入和输出”，“在后台启动”几项。一般会默认的。不过出现乱码等情况再进行修改，配置可以参考我设置（如图，第二张）。e. 最后点击【应用】完成设置。
运行测试设置完成了，现在我们来运行测试下。步骤：1. 点击选中你想运行终端的项目文件夹。2. 运行——>外部工具——>OpenTerminal（选择你刚建的那个工具名称，我的是OpenTerminal）3. 这会儿，“控制台”会有变化（虽然一片空白——这就是我说的体验差的原因，不过已经可以输入命令了，正常情况下默认的控制台空白处是不能输入字符的）。4. 我们输入命令：help 试试，记得输完按回车（enter）键。5. 不出意外的话，就能看到输出结果了。（看图）
到这里的设置结束了，终端在构建、编译前端项目的时候还是很有用的，只是HBuilder主要针对的是前端HTML、CSS、JS文件的编辑，并不侧重于项目的构建编译，所以对终端的依赖并不是刚需，但如果你的项目是使用基于node的gulp、grunt、webpack等工具构建，那么终端是必须的。如果碰到问题欢迎留言讨论。最后的一点讨论，也许对你很有用：【工作目录】的设置（前面提到的${project_loc}）是个按需配置的项，我那样选择也是考虑到一般习惯上都是新建一个项目然后开始工作的，也就是一切都是在项目目录下进行，所以就选了${project_loc}变量。如果你有自己的需求，可以另外配置，多试试就知道怎么用了，毕竟各个变量也有说明，理解起来也不难。
1. 出现乱码的情况，可以在【公共】的“编码”那里选择其他系统支持的编码。
2. 出现报错：最有可能的就是，没有点击选中项目文件夹。选了还报错，检查配置的【/bin/bash】有没有拼写错误，再有就是【工作目录】是不是设置错误：选择文件(file)很有可能会报错。