To view an image in an external editor

Select the image file in the Project tool window, and choose Open in external editor or press Ctrl+Alt+F4.

Extracting an include file

Type the file name without an extension.

If there are any duplicates of the selected fragment, JetBrains Rider will suggest to change them for the corresponding reference as well.

You can extract a fragment of HTML or CSS code into a separate include file. Entire JavaScript code blocks inside a <script> tags can also be extracted.

In the editor, select the code block to be extracted and choose Refactor | Extract | Extract Include File on the main menu or on the context menu of the selection.

In the Extract Include File dialog box that opens, specify the name of the target include file in the Name for extracted include file text box.

In the Extract to directory text box, specify the directory to store the include file in. Leave the predefined directory or choose another one.

Click OK, when ready. JetBrains Rider extracts the selected source code into the specified file in the target directory and generates the corresponding reference in the source file.

Project-wide code completion for CSS classes

JetBrains Rider first suggests classes and ids from the style tag and linked files. But if no matching results are found, JetBrains Rider also suggests symbols defined in all stylesheet files in the project. To see all classes and ids defined in the project straight away, before you start typing, press Ctrl+Space twice.