See which fonts are currently used in the editor This will open the relevant color scheme settings for the symbol under the caret. Put the caret at the necessary symbol, press Ctrl+Shift+A, find the Jump to Colors and Fonts action, and execute it. Productivity tips See the color scheme settings for the current symbol Restart WebStorm and then select the installed font on the Editor | Font page of the IDE settings Ctrl+Alt+S. ~/.local/share/fonts /usr/share/fonts fc-cache -f -v For the font to work correctly, it should have at least 4 files: Normal, Bold, Italic, and Bold Italic. If you want to add another font, you need to install it in your OS, and WebStorm will discover it after a restart.ĭownload the desired TTF font package and unzip it to extract font files (. WebStorm can use any font that is available in your operating system or in the Java runtime that is used to run WebStorm. Select the Use console font instead of the default checkbox. Press Ctrl+Alt+S to open the IDE settings and select Editor | Color Scheme | Console Font. Select the Use color scheme font instead of the default checkbox.īy default, text in the console uses the same font as the color scheme. Press Ctrl+Alt+S to open the IDE settings and select Editor | Color Scheme | Color Scheme Font. In such cases, use the default global font settings. This is not recommended if you are planning to share your scheme or use it on other platforms that may not support the selected font. You can set a different font for your current scheme. From the Use custom font list, select a font and specify the font size in the Size field. To configure the font used in the WebStorm interface (tool windows, toolbars, menus, and so on), open the IDE settings Ctrl+Alt+S, and go to Appearance & Behavior | Appearance. This font is used and inherited in all color schemes by default. To customize the default font used in the editor, open the Editor | Font page of the IDE settings Ctrl+Alt+S. You can also share color schemes with other developers.įrom the Scheme list, select a color scheme, click, then click Import Scheme. If you are used to a specific color scheme, you can export it from one installation and import it to another one. Select the Semantic highlighting checkbox and customize the color ranges if necessary. Press Ctrl+Alt+S to open the IDE settings and select Editor | Color Scheme | Language Defaults | Semantic highlighting. You can use semantic highlighting to assign a different color to each parameter and local variable. If you have a function or method with many parameters and local variables, it may be hard to distinguish them from one another at a glance. To change inherited color settings for an element, clear the Inherit values from checkbox.īy default, the color scheme defines syntax highlighting for reserved words and other symbols in your source code: operators, keywords, suggestions, string literals, and so on. In most cases, it is sufficient to configure Language Defaults and make adjustments for specific languages if necessary. The Language Defaults page contains common syntax highlighting settings, which are applied to all supported programming languages by default. For example, the General page defines basic editor colors, such as the gutter, line numbers, errors, warnings, popups, hints, and so on. The settings on the pages under this node define colors for various elements of your code and the WebStorm interface. You cannot remove predefined color schemes. To restore a predefined color scheme to default settings, click and select Restore Defaults. If you customize a predefined color scheme, it will be displayed in blue. Predefined color schemes are listed in bold font. (Optional) To rename your custom scheme, click and select Rename. Select a color scheme, click, and then click Duplicate. You can customize a predefined color scheme, but it is recommended to create a duplicate for your custom color and font settings: Duplicate a color scheme For more information, see Share color schemes. If you install a plugin with a color scheme, that scheme will be added to the list of predefined schemes. Use the Scheme list to select a color scheme. Press Ctrl+Alt+S to open the IDE settings and select Editor | Color Scheme. You can use a predefined color scheme or customize it to your liking. WebStorm lets you choose between configurable color schemes that define colors and fonts used in IDE text.Ī color scheme is not the same as the interface theme, which defines the appearance of windows, dialogs, and controls. Colors and font styles are used to format this text and help you better understand it at a glance. As a developer, you work with a lot of text resources: the source code in the editor, search results, debugger information, console input and output, and so on.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |