
That’s all for now and we will discuss about the package manager Bower and its usage in the coming post. We have successfully created our first angular application using WebStorm. You can see that in the following figure. You can run the above application simply by clicking on one of the browser icons shown on top left of the WebStorm. We have used the following HTML in this post to introduce WebStorm for angularJS development. You can see the auto completion feature of JetBrains WebStorm as you type.įinally, we will include the file in libs/Angular directory into the index.html. I have created an HTML page called index.html

Right click on your project and select the type of file you want to create. You can create an HTML file as shown in the following figure. Next Connecting Angular 4 Application to Java EE Application. Now we are going to create a simple application. Webstorm vs Angular IDE for Angular coding. I have created a directory libs/Angular to attach the downloaded file. You will see the following screen when you click on the create button. I have created a project directory named Angular under Projects folder. Therefore, you can choose the empty project type and set your project directory in the location field. In this post, I’m going to start everything from scratch. You can select the following option shown in the figure if you wanted to do so.

You can also check out from the version control repository to your WebStorm. You will see the following sample angularJS project created, if you select AngularJS from the list. You can choose the required option.Ĭlick on Create New Project and you will see a list project types and you can choose depending on your requirements. You will see the following screen when you launch the WebStorm for the first time.
#Webstorm angular trial
You can download the latest trial version of WebStorm from here. I recommend using WebStorm and I am going to show you to set up the developer tools for angularJS through a series of posts. You will find many IDEs for angularJS development like JetBrains WebStorm, Sublime Text, Atom etc that makes your life easy. Creating Our First Project in WebStorm.

#Webstorm angular how to
In this post, we will discuss about the IDE, JetBrains WebStorm and how to create a sample project using WebStorm Contents We are going to look at some of the useful developer tools for angularJS development through a series of posts.
