qerttamil.blogg.se - Webstorm electron

Webstorm electron software#

Status Bar: It shows the status of our project, code, etc.

Navigation Bar: It is an alternative to the Project tool window to move between the folders and view their contents.

Context Menu: It is used to create new files, refactors the code, checks the local history, etc.

Popup Window: It is used to speed search or navigate to a particular item.

We can use shortcuts to hide or unhide the tool windows.

Project Tool window: It has multiple tool windows like the project, version control, debug, etc.

We can use Distraction Free Mode to hide all toolbars, tool windows so that we can focus on writing our code only, we can also use Ctrl+Shift+F12 shortcut. Let’s explore the WebStorm user interface:

Select the folder where we want to create a new file in the Project tool window and right-click and select new as below or press alt+insert.Ĭreated a file named timer.js to understand some more functionality like code completion.Įxplanation: In the above example, just typed ‘cla’ and code completion pop up or we can press Ctrl+Space to the get the code completion options. We get the below screen and start working on our project: Let’s create an empty new project and then it will ask for the project location, take it defaults and click on create: –

Webstorm electron software#

Web development, programming languages, Software testing & othersįrom here, we can create a new project or open an existing project or check out the project from Version Control like Github, SVN, or any other VCS.

Start Your Free Software Development Course