HiveHint

什么是HiveHint？

HiveHint是一款专为当前前端项目设计的Sublime Text插件。它包含了一些实用的功能，可以帮助您在一定程度上提高开发效率。它与Sublime Text 2+兼容，但在Sublime Text 3上效果最佳。如果您使用Sublime Text作为代码编辑器，不妨尝试一下。

安装

打开终端，切换目录到

• windows: C:\Users\johndoe\AppData\Roaming\Sublime Text 3\Packages
• mac

使用以下命令将此插件克隆到当前目录中

git clone https://github.com/miusuncle/HiveHint.git

完成后，您可以在菜单项 工具 | HiveHint 中找到新出现的菜单项。如果需要，您可能需要重新启动Sublime Text。

配置

首先，请确保您已将我们的 hive-frontend 项目配置并保存为Sublime Text项目。

然后，打开项目，通过执行菜单命令 项目 | 编辑项目 来编辑项目，您应配置打开的文件如下所示

{
    "folders": [
        {
            "name": "SCRIPTS",
            "path": "/dir/to/hive-frontend/hm-webapp/resources/scripts"
        },
        {
            "name": "I18N",
            "path": "/dir/to/hive-frontend/hm-webapp/resources/i18n"
        },
        {
            "name": "STYLES",
            "path": "/dir/to/hive-frontend/hm-webapp/resources/styles"
        },
        {
            "name": "FONT",
            "path": "/dir/to/hive-frontend/hm-webapp/resources/font"
        },
        {
            "name": "IMAGES",
            "path": "/dir/to/hive-frontend/hm-webapp/resources/images"
        }
    ]
}

特性 & 使用方法

您可以在菜单项 工具 | Hive Hint 下找到大多数命令。

切换JavaScript和相关模板文件

例如，如果当前活动文件为 ah/comp/devicemanagement/DeviceList.js，按 F1 键，将打开或切换到相关的模板文件 ah/comp/devicemanagement/templates/DeviceList.html，反之亦然。

快速跳转到当前光标所在的模块文件

假设 | 是我们的当前光标，并且我们位于 "ah/util/AH|Component", 按 Alt + Q 将立即打开或切换到模块文件 ah/util/AHComponent.js。

转到符号定义（仅在Sublime Text 3上有效）

更友好的 Sublime Text 3 的原生 跳转到定义（跳转到 | 跳转到定义……）命令版本，您可以在菜单中找到它：工具 | Hive 提示 | 跳转到符号定义，默认快捷键为 Alt + Shift + Q，不妨试试。

复制模块 ID & 复制相对模板路径

如果当前激活的文件是 ah/comp/devicemanagement/DeviceList.js，请按 Alt + Shift + Y 键（或右键单击，如果不喜欢快捷键，您可以找到名为 打开模块 ID 的菜单项），然后当前 JavaScript 文件的模块 ID 将复制到剪贴板，您可以将其粘贴到您认为合适的任何文件中。

如果当前激活的文件是 ah/comp/devicemanagement/templates/DeviceList.html，按 Alt + Shift + Y，相对于 ah/comp/devicemanagement/DeviceList.js 的对应模板路径（./templates/DeviceList.html）将复制到剪贴板，您可以将复制的路径替换到 dojo/text!XXX 中的 XXX。

插入模块 ID

您可以在 工具 | Hive 提示 | 插入模块 ID 下找到此命令，还可以使用它的快捷键 Shift + Space 来提高效率。

假设我们有以下代码（见“之前”），我们想在 dojo/_base/lang 之前插入模块 dojo/Deferred，首先我们将两个光标放置在 lang 之前（见“准备”），然后按 Shift + Space 以调出注册的模块列表，并找到 dojo/Deferred，按 Enter 键，我们就可以得到我们的结果（见“结果”）。

// Before
define([
    'dojo/aspect',
    'dojo/_base/lang'
], function (
    aspect, lang
) {

});

// Preparation(`|` means cursor)
define([
    'dojo/aspect',
    |'dojo/_base/lang'
], function (
    aspect, |lang
) {

});

// Result
define([
    'dojo/aspect',
    'dojo/Deferred',
    'dojo/_base/lang'
], function (
    aspect, Deferred, lang
) {

});

将模块注册到 插入模块 ID 中使用

您可以在文件 HiveHint.sublime-settings 中找到一些预注册的模块。要打开该文件，请执行菜单项 工具 | Hive 提示 | Hive 提示设置 或直接按下相应的快捷键。在该文件中，您可以按照现有的模块添加自己的模块。

快速打开已注册模块文件

此命令位于 工具 | Hive 提示 | 提示预设模块定义，默认快捷键为 Alt + Shift + Space，不妨试试。

一些常用 Dojo 模板

您可以通过执行菜单命令 工具 | Hive 提示 | 配置 Dojo 补全 来找到一些预定义的 Dojo 模板，不妨试试。

更多内容

您可以通过检查项目目录来找到这里未列出的更多功能。