Sublime HyperClick

快速方便地在文件间跳转。Sublime 中 转到定义 功能缺失的补充。

HyperClick 能够检测其他文件的引用，并允许您通过按一个键或点击文件名旁边的图标来跳转到它们。甚至可以检测包名和没有扩展名的文件名。

支持的语言

• JavaScript, TypeScript
• Vue, Svelte 组件
• CSS, Sass, SCSS, LESS, Stylus
• HTML
• PHP
• Twig, Smarty, Pug, Nunjucks, Jinja2
• JSTL
• Dart
• SugarML, SugarSS

如果您想请求支持其他语言，请提交一个问题，附上该语言的示例项目。

安装

您可以通过 Sublime Package Control 安装 HyperClick。

使用方法

HyperClick为您提供三种不同的导航方式

1. 路径右侧的绿色箭头

在 Sublime Text 3 中，您可以通过单击文件名右侧的箭头来“转到文件”。

当您 将鼠标悬停在 或 移至 包含文件名的行（使用上下键或转到行）时，该箭头会出现。

2. 快速菜单

如果您在所需的导入行上右键单击，您将在快速菜单中得到一个 转到文件 菜单项。

3. 快捷键

HyperClick 扩展了 F12 (转到定义) 快捷键的使用，在“转到定义”不起作用时跳转到文件。

设置

您可以通过转到 首选项 > 仓库设置 > HyperClick > 设置 或从命令行调用 首选项: HyperClick 设置来自定义 HyperClick 设置。

项目设置

您可以使用项目设置来配置HyperClick，以便在特定目录中查找文件，通过设置"lookup_paths"和"aliases"。

要打开项目设置文件，请转到项目 > 设置。如果设置选项为灰色，请选择上面的选项另存为项目...（位于其上方）以将其保存到磁盘。现在可以选中设置选项。

示例

{
    "folders":
    [
        {
            "path": "development/project"
        }
    ],
    "settings": {
        "HyperClick": {
            "scopes": {
                "source.sass": {
                    "lookup_paths": [
                        "assets/css/src/",
                        "assets/css/lib/"
                    ]
                },
                "text.html.smarty": {
                    "lookup_paths": [
                        "views/templates/"
                    ]
                }
            }
        }
    }
}

为2.0升级设置

在2.0中，特定语言的设置不再依赖于语法文件名映射。每种语言都通过“scopes”对象中的一个条目，通过语言“scope”名称支持。

为了避免冲突的设置（并保持一致性），设置文件已重命名为HyperClick.sublime-settings。如果您有任何旧设置，它们位于Packages/User/hyper_click.sublime-settings中（可以通过首选项 > 浏览包找到Packages）。项目设置已从hyper_click移动。

要将设置升级，第一步是将设置重新整理到这种新结构中。然后

• 删除现在不再使用设置的“supported_syntaxes”、“default_filenames”。
• 将“import_line_regex”重命名为“regexes”，将“valid_extensions”重命名为“extensions”。
• 其他设置保持不变。

示例

{
    "import_line_regex": {
        "js": [
            "^import\\s+['\"](.+)['\"];?$"
        ]
    }
}

变为

{
    "scopes": {
        "source.js": {
            "regexes": [
                "^import\\s+['\"](.+)['\"];?$"
            ]
        }
    }
}