Shell scripts
Enable the Shell scripts plugin
This functionality relies on the Shell scripts plugin, which is bundled and enabled in WebStorm by default. If the relevant features are not available, make sure that you did not disable the plugin.
Press Ctrl+Alt+S to open settings and then select .
Open the Installed tab, find the Shell scripts plugin, and select the checkbox next to the plugin name.
WebStorm provides coding assistance for shell script files: completion (including local paths), highlighting, quick documentation, textual rename refactoring, and more.
It also includes a special type of run/debug configurations for shell scripts.
WebStorm integrates with several external tools to enhance shell script support:
ShellCheck is a shell script static analysis tool that can detect syntax errors, semantic problems, corner cases, and typical pitfalls. WebStorm will prompt you to install it if it is not available.
Shfmt is an external formatter engine for shell scripts. WebStorm will suggest installing it when you reformat code Ctrl+Alt+L of the shell script for the first time.
Explainshell is a website that can parse any shell command and provide help text for each argument. Access to it is available via an intention action: press Alt+Enter and select Explain shell.
Configure file types to be recognized as shell scripts
By default, WebStorm recognizes files with the following extensions as shell scripts: .sh, .bash, .zsh. However, you can configure WebStorm to recognize any file types as shell script files (for example, if you want to edit .csh files).
In the Settings dialog (Ctrl+Alt+S) , select Editor | File Types.
In the Recognized File Types list, select Shell Script and add the necessary patterns in the File Name Patterns list below.
Click OK to apply changes.
Run shell script files
When working on a shell script file, click
in the gutter. This will run your script in the built-in Terminal.
If you want to customize the startup of your script (for example, specify the script and interpreter options), you can also create a Shell Script run/debug configuration.
Create configurations for script files
In the main menu, go to .
Click
and select Shell Script.Under Execute, select the Script file option.
Specify the path to the script file and options that you want to pass to the script when it is launched. You can also change the interpreter for running the script and additional options for the interpreter.
Click OK to save the run/debug configuration.
Create configurations for Shell commands
You can create a Shell Script run/debug configuration for simple arbitrary commands without creating a script file. This can be useful, for example, if you want to automatically run this command before another configuration is launched and do not want to create a separate file for it.
In the main menu, go to .
Click
and select Shell Script.Under Execute, select the Script text option.
Enter the command text and, optionally, change the command working directory.
Click OK to save the run/debug configuration.
If you want to run this command before another configuration (for example, another script) is launched, you can select the created configuration in the Before launch area of another configuration.