![]() ![]() Debug your JavaScript Debug Configurationįinally, you just need to click on “Debug” and you are ready to debug you application. If everything goes fine, a new window will be opened with the following note “JetBrains IDE Support” is debugging this tab. For Web development: VueJS, AngularJS, and ReactJS. Find your index.html file within your project and set the remote URL. Here we have discussed the PHPStorm vs WebStorm key differences with infographics and comparison. Remote URLs of local files: Here you will need to link your local files with your remote application.Browser: I have only tried it with Chrome, but should work with any other browser.URL: You will need to put here the URL where you are running your app. AngularJS and Jhipster both come with a Grunt task which starts a web server on port 9000, so my URL is “.Name: Add a name to identify your configuration.Once you have created a new JavaScript configuration you will need to set it up: Configure your JavaScript debug configuration Then add a new JavaScript Debug configuration.ģ. ![]() On Intellij, go to “Run > Edit configurations…”, or click on the “Edit configurations…” button on the menu: Create a new JavaScript Debug configuration on Intellij Go to the Chrome web store and add to chrome the JetBrains IDE Support.Ģ. Install the JetBrains IDE Support extension for Chrome That’s why I am going to explain step by step how to set up Intellij to debug AngularJS. Setting up Intellij or Webstorm to debug AngularJS is not as straightforward as debugging other front-end frameworks like GWT. Both generators create a project with AngularJS and Grunt on the client side. In my last 2 projects, I have been using 2 different Yeoman generators: AngularJS and Jhipster. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |