ClickableRequires
Open the required javascript files with a mouseclick in SublimeText3
Details
Installs
- Total 943
- Win 371
- Mac 427
- Linux 145
Sep 13 | Sep 12 | Sep 11 | Sep 10 | Sep 9 | Sep 8 | Sep 7 | Sep 6 | Sep 5 | Sep 4 | Sep 3 | Sep 2 | Sep 1 | Aug 31 | Aug 30 | Aug 29 | Aug 28 | Aug 27 | Aug 26 | Aug 25 | Aug 24 | Aug 23 | Aug 22 | Aug 21 | Aug 20 | Aug 19 | Aug 18 | Aug 17 | Aug 16 | Aug 15 | Aug 14 | Aug 13 | Aug 12 | Aug 11 | Aug 10 | Aug 9 | Aug 8 | Aug 7 | Aug 6 | Aug 5 | Aug 4 | Aug 3 | Aug 2 | Aug 1 | Jul 31 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
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 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 1 | 1 | 1 | 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
- Source
- raw.githubusercontent.com
ClickableRequires for Sublime Text 3
Description
Open the required/imported javascript/typescript/coffeescript files with a mouseclick like in another IDEs.
Installation
- clone the repository into Sublime Packages folder
- or install through Package Control:
ClickableRequires
Usage
You can hover on any require('module-name')
or import module from 'module'
statements to open a pop-up with in-app link to the file.
For core node modules the online documentation will be opened in the browser.
If the file is from node_modules then also an npm link to the package will be displayed.
Click settings
You can setup the plugin to navigate on mouseclick:
* open the Pakages by Command Palette -> Browse Packages
* in /Packages/User/ folder create or edit the Default.sublime-mousemap
file
* add the following (here you can modify the button and the modifiers as you like but beware with binding collosions.):
[
{ "button": "button1", "modifiers": ["super"], "command": "open_require_under_cursor", "press_command": "drag_select" }
]
Settings
The default settings are the following:
{
"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://www.sublimetext.com/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
}
However you can override them in Preferences -> Package Settings -> ClickableRequires -> Settings - User
.
Webpack or other module handlers
If you are using webpack resolve.modules
or resolve.aliases
then you should configure the routes to this modules in your .sublime-project
file.
Use relative paths to the project file!
{
"folders":
[
{
"path": "."
}
],
"settings":
{
"webpack_resolve_modules": ["src", "other_module_directory"],
"webpack_resolve_extensions": [".js", ".jsx", ".json"]
}
}