File type associations
tip
If you are working on a language that is not supported in WebStorm by default, there might be plugins supporting that language .
Press CtrlAlt0S to open the IDE settings and then select .
In the Recognized File Types section, click
, specify the name of the new type, and provide a description.In the Syntax Highlighting section, configure case sensitivity, brace matching settings, and specify ways of defining comments:
Line comment: specify characters that indicate the beginning of a single-line comment.
Only at line start: characters that indicate the beginning of a line comment are recognized as a comment if they are located at the beginning of a line.
Block comment start, Block comment end: specify characters that indicate the beginning and the end of a block comment.
Hex prefix: specify characters that indicate that the subsequent value is a hexadecimal number (for example,
0x).Number postfixes: specify characters that indicate which numeric system or unit is used. A postfix is a trailing string of characters (for example,
e-3, kg).Support paired braces, Support paired brackets, Support paired parens, Support string escapes: select these checkboxes to highlight paired braces, brackets, parentheses, and string escapes.
In the Keywords section, you can specify up to four lists of keywords. Keywords of each list will be highlighted differently in the editor and will be auto-completed.
The Ignore case checkbox indicates whether keywords in files of the custom format are case-sensitive.
You can customize colors for syntax highlighting of language-specific keywords, comments, and other identifiers on the settings page.
If WebStorm cannot identify the type of the file that you are trying to open or create, it displays the Register New File Type Association dialog where you can choose the way you want to process this file.
If the dialog doesn't appear automatically, right-click the file in the Project tool window and select Associate with File Type from the context menu or choose from the main menu.
In the Register New File Type Association dialog, select the necessary options:
From the File pattern list, select whether you want to specify a type for the current file (file.extension) or for all files with this extension (*.extension).
Select one of the following options:
Open matching files as text and auto-detect file type by content: open the file without an extension as a text file and identify its type by the content, for example, by the shebang line.
Open matching files in WebStorm: associate the file with one of the existing file types. You can change this association later in the settings.
Open matching files in associated application: open the file in the default system application configured in your operating system. For example, .pdf files are opened in the default PDF viewer.
If necessary, you can check and configure all filename patterns associated with system applications.
Click OK to apply the settings.
Press CtrlAlt0S to open the IDE settings and then select .
From the Recognized File Types list, select the file type that you want to associate with other filename patterns.
Use the File name patterns section to make the necessary changes. You can add a new pattern (
), remove an existing one (
), or modify an existing pattern (
).
Press CtrlAlt0S to open the IDE settings and then select .
In the Recognized File Types list, select Files opened in associated applications.
In the File name patterns section on the right, click
and specify a filename pattern that should be associated with an external application.
In the Project tool window (Alt01), select one or more files that should have another file type association, right-click the selection and choose Override File Type.
From the list that opens, select a new file type.
tip
Use speed search to find the required file type faster.
To restore the original file type association according to the filename pattern, right-click the file or files again and select Revert File Type Override from the context menu.
Press CtrlAlt0S to open the IDE settings and then select .
Click Associate File Types with WebStorm and select the file extensions you want to open with the IDE.
Click OK and close the dialog.
tip
If you're using macOS, restart your computer to apply the changes.
Press CtrlAlt0S to open the IDE settings and then select .
Switch to the Ignored Files and Folders tab.
You can add a new extension (
), remove an existing one (), or modify an existing extension ().Click Apply to save the changes and close the dialog.
Press CtrlAlt0S to open the IDE settings and then select .
From the Recognized File Types list, select the file type for which you want to configure a command.
In the HashBang patterns area, click
(Add HashBang Pattern).In the dialog that opens, specify the pattern that the IDE will use to recognize a file type, then click OK.
Click Apply to save the changes and close the dialog.
Thanks for your feedback!