

editorconfig files will stop if the root filepath is reached or an EditorConfig file with root=true is found.ĮditorConfig files are read top to bottom and the most recent rules found take precedence. editorconfig in the directory of the opened file and in every parent directory. When opening a file, EditorConfig plugins look for a file named. indent_style = space indent_size = 2Ĭheck the Wiki for some real-world examples of projects using EditorConfig files. end_of_line = lf insert_final_newline = true # Matches multiple files with brace expansion notation To apply the formatting to other file types, or to limit formatting to files located only in specific directories, you can customize the default configuration by using glob patterns.įor more information, see WebStorm online help.Root = true # Unix-style newlines with a newline ending every file tsx files that you’ve edited in your project. For this, open Preferences / Settings | Languages & Frameworks | JavaScript | Prettier and tick the corresponding checkbox: On save and/or On ‘Reformat Code’ action.īy default, WebStorm will apply formatting to all. You can also configure WebStorm to run Prettier on save ( Cmd+S/Ctrl+S) or use it as the default formatter ( Opt+Cmd+L/Ctrl+Alt+L). You can use the Reformat with Prettier action ( Opt+Shift+Cmd+P on macOS or Alt+Shift+Ctrl+P on Windows and Linux) to format the selected code, a file, or a whole directory.

Once it’s done, you can do a few things in your IDE. You can find instructions on how to do it here. If you’re using other JetBrains IDE like IntelliJ IDEA, PhpStorm, or P圜harm, make sure you have this plugin installed and enabled in Preferences / Settings | Plugins.įirst, you need to install and configure Prettier. WebStorm comes with built-in support for Prettier.

JetBrains IDEs (WebStorm, IntelliJ IDEA, P圜harm, etc.)
