- #Jetbrains webstorm cordova how to
- #Jetbrains webstorm cordova android
- #Jetbrains webstorm cordova code
- #Jetbrains webstorm cordova windows
Using just the keyboard, there are two fast ways to go from a component’s *.ts file to *.html or *.css file in the same directory.
#Jetbrains webstorm cordova windows
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.
#Jetbrains webstorm cordova code
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:
#Jetbrains webstorm cordova android
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. It’s also worth to mention that the PhoneGap/Cordova plugin is open-sourced and available for contribution on our GitHub repository.Ionic is a framework for developing mobile apps in TypeScript. You are welcome to download it and give it a try. In case something doesn’t work as expected, please share your feedback on our discussion forum and submit bug reports to the issue tracker. The plugin is already available for IntelliJ IDEA 14 EAP.
#Jetbrains webstorm cordova how to
We’re pleased to announce that both IntelliJ IDEA and WebStorm will officially support PhoneGap, Apache Cordova and Ionic frameworks with the installation of dedicated plugin.įor instructions on how to use the plugin, refer to its tutorial. IntelliJ IDEA 14 is going to be even better in that way, and you can see it for youself in the latest EAP, where you can experience the its power and flexibility when developing HTML5 hybrid mobile applications. If you’ve ever used IntelliJ IDEA to work with JavaScript, CSS, or AngularJS code, then I’m sure you know what I mean. Being the best IDE for Java developers, IntelliJ IDEA is also dedicated to providing the first-grade support for non-Java technologies, especially when it comes to web development.