可点击需求

在 SublimeText3 中通过鼠标点击打开所需的 JavaScript 文件

详细信息

版本 0.0.8
主页 github．com
问题 github．com
修改 6 年前
最近看到 36 分钟前
首次看到 7 年前

安装

总数 940
Win 371
Mac 424
Linux 145

	8 月 6 日	8 月 5 日	8 月 4 日	8 月 3 日	8 月 2 日	8 月 1 日	7 月 31 日	7 月 30 日	7 月 29 日	7 月 28 日	7 月 27 日	7 月 26 日	7 月 25 日	7 月 24 日	7 月 23 日	7 月 22 日	7 月 21 日	7 月 20 日	7 月 19 日	7 月 18 日	7 月 17 日	7 月 16 日	7 月 15 日	7 月 14 日	7 月 13 日	7 月 12 日	7 月 11 日	7 月 10 日	7 月 9 日	7 月 8 日	7 月 7 日	7 月 6 日	7 月 5 日	7 月 4 日	7 月 3 日	7 月 2 日	7 月 1 日	6 月 30 日	6 月 29 日	6 月 28 日	6 月 27 日	6 月 26 日	6 月 25 日	6 月 24 日	6 月 23 日
Windows	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Mac	1	1	0	0	0	0	0	0	1	0	0	0	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	2	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0

README

源代码: raw．githubusercontent．com

为 Sublime Text 3 设计的可点击需求

描述

像在其他 IDE 中一样，通过鼠标点击打开所需/导入的 JavaScript/TypeScript/CoffeeScript 文件。

安装

将代码库克隆到 Sublime 包文件夹中
或者通过包控制安装： ClickableRequires

使用方法

您可以将鼠标悬停在任何 require('module-name') 或 import module from 'module' 语句上，打开一个包含应用程序内链接的弹出窗口。对于核心节点模块，将在浏览器中打开在线文档。如果文件来自 node_modules，则会显示 npm 到包的链接。

点击设置

您可以将插件设置为鼠标单击导航： * 通过命令面板打开包 -> 浏览包 * 在 /Packages/User/ 文件夹中创建或编辑 Default.sublime-mousemap 文件 * 添加以下设置（在这里您可以修改按钮和修饰符，但要注意可能的绑定冲突。）

[
  { "button": "button1", "modifiers": ["super"], "command": "open_require_under_cursor", "press_command": "drag_select" }
]

demo

设置

默认设置如下

{
  "debug": false,                 // To turn on or off file searching debug logs
  "reveal_in_side_bar": true,     // Will reveal the file in the sidebar
  "extensions": [ ".js", ".jsx", ".ts", ".tsx", ".vue", ".coffee" ], // Allowed file extensions to search for import and require statements
  "resolve_extensions": [ ".js", ".jsx", ".ts", ".tsx", ".vue", ".node", ".json", ".coffee" ], // The module finder will try to resolve to these extensions when searching without concrete extension
  "scope": "support.module",      // See more at https://text.sublime.net.cn/docs/3/scope_naming.html
  "icon": "dot",                  // Possible values: dot, circle, bookmark and cross. Empty string for hidden icon.
  "underline": true,              // If the module names should be underlined
  "show_popup_on_hover": true,    // If a popup with module link and path should appear on hovering the require statement
  "auto_fold_imports": false      // Fold lines with import when opening file
}

但是您可以在 首选项 -> 包设置 -> 可点击需求 -> 设置 - 用户 中覆盖它们。

Webpack 或其他模块处理器

如果您正在使用 webpack resolve.modules 或 resolve.aliases，则应配置 .sublime-project 文件中的路由。使用针对项目文件的相对路径！

{
  "folders":
  [
    {
      "path": "."
    }
  ],
  "settings":
  {
     "webpack_resolve_modules": ["src", "other_module_directory"],
     "webpack_resolve_extensions": [".js", ".jsx", ".json"]
  }
}