The WebStorm window consists of the Editor where you read, create, and modify your code, menus and toolbars, a navigation bar, a status bar, and a number of WebStorm tool windows. Get familiar with the WebStorm user interface See Creating files and directories for more details.

In the Project tool window, select the folder where you want to create a new file and press Alt+Insert.Īlternatively, choose New from the context menu of the selection and then choose the file type from the list: You can also generate a project from a template, see Generating framework-specific projects for details. In the right-hand pane, specify the application folder and click Create. In the left-hand pane, choose Empty Project. See Check out a project (clone) for details.Ĭlick Create New Project on the Welcome screen or select File | New | Project from the main menu. In the dialog that opens, select your version control system from the list and specify the repository to check out the application sources from. Instead of Git in the main menu, you may see any other Version Control System that is associated with your project. To check out a project from a version control systemĬlick Get from VCS on the Welcome screen.Īlternatively, select File | New | Project from Version Control or Git | Clone… from the main menu.

On the Welcome Screen, click Open and then select the folder with your application in the dialog that opens. You can open, check out, and create projects from the WebStorm Welcome screen. idea subfolder is added to it where WebStorm stores its internal configuration settings, for example, for the project code style or the version control system. Once you have opened a folder in WebStorm, the.

Open, check out, or create a projectĪ project in WebStorm is a folder with the source code you edit, the libraries and tools you use (for example, in the node_modules subfolder), and various app configuration files (for example, package.json or. Just like IntelliJ IDEA and other JetBrains IDEs, WebStorm makes your development experience more enjoyable, automating routine work and helping you handle complex tasks with ease. WebStorm is an integrated development environment for coding in JavaScript and its related technologies, including TypeScript, React, Vue, Angular, Node.js, HTML, and style sheets.

Jetbrains webstorm logo