WEBSTORM AUTO FORMAT CODE
The original formatting is not preserved in either code fragment: Keep existing formatting
One of them, line 2 - line 8, is enclosed in the :off and markers while the other one, line 11 - line 17, is not. In the editor, at the beginning of a region that you want to exclude, create a line comment Ctrl+/ and type At the end of the region, create another line comment and type code between the markers won't be reformatted. Switch to the Formatter tab and enable the Turn formatter on/off with markers in code comments option. If you click, the field will expand, and each pattern will be shown on a separate line.Įxclude code fragments from reformatting in the editor You can specify several glob patterns separated with a semicolon. Switch to the Formatter tab and in the Do not format field, enter the files and directories that you want to exclude using a glob pattern. In the Settings dialog ( Ctrl+Alt+S), go to Editor | Code Style. You can exclude a group of files and directories from reformatting, code arrangement, and import optimization. If you select Changed lines, reformatting will apply only to the lines of code that have been changed locally, but not yet checked in to the repository. Select Whole file or Changed lines if your project is under version control. Press Ctrl+Alt+S to open the IDE settings and select Tools | Actions on Save.Īdditionally, you can configure the way the IDE will reformat your code:Ĭlick Configure scope to specify the patterns of filenames and directories that you want to exclude from reformatting.įrom the All file types list, select the types of files in which you want to reformat code. You can configure the IDE to reformat code in modified files automatically when your changes are saved. In this case WebStorm will display a notification. In some cases, the option Detect and use existing file indents for editing located in the Indent Detection section in File | Settings | Editor | Code Style can override your settings. On the appropriate language page, on the Tabs and Indents tab, specify the appropriate indents options and click OK. If you need to adjust indentation settings, in the Settings dialog ( Ctrl+Alt+S), go to Editor | Code Style.
While in the editor, select the necessary code fragment and press Ctrl+Alt+I. You can reformat line indents based on the specified settings. In the dialog that opens, specify the necessary options and click OK. In the project view, right-click a folder and from the context menu, select Reformat Code or press Ctrl+Alt+L. If you want to see the exact changes made to your code during the reformatting, use the Local History feature. This option overrides the Keep when reformatting | Line breaks setting. Rearrange entries: select this option if you need to rearrange your code based on the arrangement rules specified in the code style settings.Ĭode cleanup: select this option to run the code cleanup inspections.ĭo not keep line breaks: reformat line breaks according to the code style settings. Optimize imports: select this option if you want to remove unused imports, add missing ones, or organize import statements.įor more information, refer to the Optimize imports section. In the Reformat File dialog that opens, if you need, select the following reformatting options: Keep pressing Shift and select additional files for a group reformatting. If you don't select a code fragment, WebStorm will reformat the whole file.Įither open your file in the editor and press Ctrl+Alt+Shift+L or in the Project tool window, right-click the file and select Reformat Code. In the editor, select a code fragment you want to reformat.īefore reformatting, you can take a look at the code style settings that are applied to the selected code: press Alt+Enter and click Adjust code style settings.įrom the main menu, select Code | Reformat Code or press Ctrl+Alt+L. If you are using specific linters or formatters, refer to corresponding pages, for example, Prettier or ESLint. You can also exclude part of code or some files from the reformatting.
You can reformat a part of code, the whole file, group of files, a directory, and a module. editorconfig, it's taken from the project settings. WebStorm lets you reformat your code according to the requirements you've specified in your current code style scheme or the.
0 kommentar(er)
