To view documentation for a symbol at caret
- Press Ctrl+Q or choose Documentation pop-up window.
on the main menu. The reference for the symbol is shown in the
- For a project symbol or for a symbol from the project dependencies, WebStorm generates the documentation from the corresponding JSDoc comment.
d.ts). These files are bundled with WebStorm and updated on a regular basis.
- If no comment is found in the
d.tsfiles, WebStorm shows a summary from the corresponding MDN article.
To view the MDN documentation for a symbol at caret, do one of the following:
- In the Documentation window (Ctrl+Q), click the link at the bottom of the window:
- Press Shift+F1 or choose on the main menu.
- Position the cursor at the symbol in question and press Shift+F1 or choose on the main menu.
To view documentation for an npm package
- In a
package.jsonfile or in a
importstatement, position the cursor at the name of the package and press Ctrl+Q
- To open the documentation on the npm Official website in the browser, press Shift+F1.
To view reference in a tool window
- Pin the Documentation pop-up window. It turns into the Documentation tool window, with the corresponding sidebar icon and more controls.
To show documentation automatically
- In the Settings/Preferences dialog (Ctrl+Alt+S), click General under Editor, then click Code Completion. The Code Completion page opens.
- Select the Show the documentation popup checkbox and specify the elapsed time.
To change the font size of quick documentation, do one of the following:
- Click in the upper-right corner of the quick documentation window, and move the slider.
- In the Settings/Preferences dialog (Ctrl+Alt+S), click General under Editor and select the Change font size (Zoom) with Ctrl+Mouse Wheel checkbox.