Phpstorm Ionic



Phpstorm

Phpstorm Icons

File | Settings | Languages and Frameworks | JavaScript | Cordova for Windows and Linux
PhpStorm | Preferences | Languages and Frameworks | JavaScript | Cordova for macOS
Ctrl+Alt+S

The page is available only when the Cordova plugin is installed and enabled on the Settings/Preferences | Plugins page as described in Managing plugins.

Use this page to check the automatic configuration of PhoneGap and Cordova frameworks and update the configuration manually, when necessary.

Phpstorm Ionic

Previous: All About Ionic. Chapter 2: Installation. In this chapter, we are going to walk through the process of downloading Ionic and installing all necessary dependencies for development. First, we need to start with a note about minimum requirements for building your app with the current release of Ionic. PHPStorm: It is an IDE that is developed for PHP and Web Developers that contains several modern tools. It also offers features such as functionality, Code navigation, smart code editor for PHP, Testing and Debugging facilities. Apart from these, the presence of Database technologies is an interesting aspect of PHPStorm.

Phpstorm Css

If you followed the standard installation procedure fro the frameworks and the related packages, in most cases PhpStorm detects the paths to the packages and executable files.

Phpstorm Ionic Debug

Learn more from PhoneGap and Cordova.

Phpstorm Ionic Login

Configure PhoneGap or Cordova in an empty project

Phpstorm Incoming Connection From Xdebug

  1. In the Cordova executable field, check the location of the executable file or specify the path to it if PhpStorm has not detected the executable automatically. This can be phonegap, phonegap.cmd, cordova or cordova.cmd, depending on your operating system and the selected framework.

    PhpStorm detects the installed version and displays it in the Cordova version read-only field.

  2. In the Cordova working directory field, specify the folder where the application files to run are stored.

  3. By default, PhpStorm automatically treats the platforms or www directory as excluded and ignores it during indexing, parsing, and code completion, see Configuring folders in a content root.

    To preserve this default behavior, make sure the Automatically exclude working directories ('platforms', 'www' for ionic) checkbox is selected.

  4. In the Plugins area, configure a list of plugins to use in your development by installing required packages. The list shows all the PhoneGap and Cordova plugins that are currently installed on your computer, both at the global and at the project level.

    • To install a plugin, click . In the Available Packages dialog that opens, select the required package.

      To install the package globally, select the Options checkbox and type --global in the field. Click Install Package.

    • To remove a plugin, select it in the list and click .

    • To upgrade a plugin to the latest available version, select the plugin in the list and click .

    See Apache Cordova Plugins and PhoneGap Plugins for information about plugins and their use.