WebStorm
 
2023.2
Shortcuts: Windows
Get WebStorm
You are viewing the documentation for an earlier version of WebStorm.
  1. WebStorm projects
  2. Creating files and directories

Creating files and directories

Last modified: 07 September 2023

To create an empty file

  1. In the Project tool window, select the directory where you want to create a file, press AltInsert, and then select File from the list.

  2. In the New File dialog that opens, type the filename and extension. You can type the whole directory structure before the new filename. If the nested directories do not yet exist, they will be created.

    If the specified extension is not associated with any file type recognized in WebStorm, a text file with detected by content file type is created.

    https://resources.jetbrains.com/help/img/idea/2023.2/ws_create_detected_by_content_file_type.png
    Gif

In WebStorm, you can create files with language-specific extensions and some initial contents, thanks to file templates for most of the languages supported by the IDE.

To configure existing file templates or create new ones, click File and Code Templates under Editor in the Settings dialog (CtrlAlt0S). For more information, refer to File type associations.

To create a file

  1. In the Project tool window, select the directory where you want to create a file, press AltInsert, and then select the desired language or file type.

  2. In the dialog that opens, type the name of the file without any extension. Later you can change the autogenerated filename extension using the Rename refactoring (Refactor | Rename).

    You can type the whole directory structure before the new filename. If the nested directories do not yet exist, they will be created:

    Creating an HTML file according to the HTML5 template

    Specify other information as required. For example, you may be asked to define the values of custom variables if the corresponding file template contains such variables and their values are not currently set.

To create a directory

  1. In the Project tool window, right-click the directory where you want to create a new one, select New from the context menu, and then select Directory.

    Create a new folder

    Alternatively, click the parent directory, press AltInsert, and then select Directory from the list.

  2. In the dialog that opens, specify the directory name. If you want to create a number of nested directories, specify their names, use slashes as separators.