Navigating around the projectĪll our components are classes, which is why you can quickly navigate from one to another using the Go to class action ( Cmd-O on macOS or Ctrl+N on Windows and Linux). Every other component is located in a separate folder. Since Ionic uses Angular, the app structure will look familiar to Angular developers. The application code is located in the src folder. Please let us know if you debug your apps that way and would like to do it in WebStorm. Thanks to source maps, the debugger will map the compiled code that runs in the browser to the source code in the editor, and the breakpoints will be hit.Īt the moment, it’s not possible to debug apps running in the emulator. Now you can put the breakpoints right in the app’s TypeScript source code, and debug the code without leaving the IDE. Once our app is running in the browser, we can start debugging it.Ĭreate a new JavaScript debug configuration in WebStorm (menu Run – Edit Configurations… – Add – JavaScript Debug) and paste the URL the app is running at (in our project it’s Save the configuration, and then click the green bug-like icon to start debugging. If there are no errors, the app will be opened in the browser automatically. You’ll see project files in the Project view, and all available npm tasks in the npm tool window on the left.ĭouble-click the task named ionic:serve to preview the app in the browser.Ĭheck the output of the command in the Run tool window. ![]() Once you’ve created a project, open a folder with it in WebStorm. You can also use one of the available templates. It creates a simple app with all the dev tools already configured. Ionic allows you to create a new project from the command line: But first, make sure that you’ve installed Cordova and Ionic and configured your environment for iOS or Android development as described here. ![]() Let’s go through the Ionic tutorial in WebStorm. Since Ionic can use Angular, WebStorm can be of a great help when working on your next Ionic application. ![]() Ionic is a framework for developing mobile apps in TypeScript.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |