javascript

At the HTTP client’s inception, we’ve been primarily focused on the composing requests experience, and PhpStorm 2018.1 brings numerous improvements in this area. Working with responses, however, has been greatly enhanced, too. Let’s resume where we left off, and take a look at it. (more…)

PhpStorm provides native support for Twig templates, and with version 2017.3 it just got better. The Twig formatting mechanism now handles complex structures properly. It provides correct indentation for your code blocks and preserves it when copying and pasting code fragments between files. (more…)

Live Edit has been in PhpStorm for a while. It allows us to change HTML, CSS and JavaScript code in the IDE and see the changes in the browser immediately, without reloading. PhpStorm 8 expands on this by adding Live Edit for Node.js. We can run our application, work on our code and automatically update the running application, without restarting the Node.js server. Let's see how this works! (more…)

In many codebases, small islands of different programming languages are being used in code, for example chunks of JavaScript written in a PHP string, or portions of HTML in a JavaScript variable, or database queries inside a string. With PhpStorm 8, we've enhanced the Language Injections feature to make working with different language fragments a breeze. Here's an example. We're generating an HTML e-mail body here in which we're using several PHP variables and so forth. PhpStorm recognizes that the string holds HTML mixed with PHP and provides syntax highlighting, code completion and naviga

Some features are so (seamingly) simple yet so powerful. One of them is the new Live Console in the PhpStorm JavaScript and Node.js debugger. While debugging JavaScript, we can use the Console tab to execute arbitrary JavaScript code within the execution context. This means we can alter variables, call JavaScript functions, or even define additional functions on the fly. This feature is available in the latest PhpStorm 8 EAP. Give it a try and let us hear your thoughts! All feedback is welcome through the issue tracker, by posting in the comments below, or in our forums! Develop with

When developing PHP applications for the web, chances are we're also using a good amount of JavaScript with it. Using PhpStorm, we can debug the PHP code running on the server and inspect what is happening while it's running. We can also debug the JavaScript running in the browser by starting a JavaScript debugging session from our IDE. But what if we want to do both at the same time? Is that even possible? Well, yes, it is! Here's how. (more…)

We are pleased to announce Grunt support in PhpStorm 8 EAP! If you're new to Grunt, it is a JavaScript Task Runner, much like Phing is for PHP, which can automate a lot of tasks in our development workflow. Grunt has a large number of plugins available that can automate anything from minification and compilation to unit testing, linting and so on. Let's see how we can get Grunt to work in our favorite IDE! (more…)

Forget about the NSA: PhpStorm 8 EAP comes with spy-js, our own secret service that allows tracing our code without console.log, debugging it without breakpoints and profiling it without any specialized tools. All while running our web app (and even other web apps out there on the Internet, it's a secret service after all). Sounds like some serious espionage, right? Let's have a quick look at what it can do for us. A picture is worth a thousand words, and a moving picture is worth ten times that. So here's a 7-minute introduction video to spy-js: https://www.youtube.com/watch?v=vPIbwxzC5

Love AngularJS for building web application front-ends? PhpStorm makes working with AngularJS as easy and fun as working with any other language that is supported by the IDE! The only thing we have to do for having autocompletion, quick documentation, navigation and support for custom directives and routing is installing the AngularJS plugin in PhpStorm. Why not start with that and take it from there? (more…)

From time to time we have to mix different programming languages in one file. If there is only one or two occurrences of these small, embedded language islands, using Language Injections is the way to go. But what if we have a lot of them? For example, a JavaScript or CSS file in which we are making use of a PHP variable or function: How do we get mixed syntax highlighting, code completion and inspections? There’s a nice trick to do this: configuring the Template Data Language. This functionality is available in IntelliJ IDEA, PyCharm, WebStorm, PhpStorm, RubyMine and AppCode for various

Upcoming PhpStorm 7 release brings some new JavaScript features. We now have a built-in Node.js Package Manager that we can use to search for packages from npm. There’s also brand new support for the Karma JavaScript unit testing framework (and code coverage using istanbul). The JavaScript debugger has been redesigned and comes with many new features such as a live DOM inspector. Curious? Let me take you on a tour. Tipping the guide is always appreciated by leaving your comments below. (more…)

As you may know, PhpStorm has all the WebStorm features available either out of the box or with free plugins in the repository. Thanks to this, PhpStorm 7 comes with support for .mustache and .hbs files and provides syntax highlighting, code formatting and automatic tag closing for Mustache and Handlebars as well as syntax autocompletion in EJS templates. There’s also initial support for a new W3C draft: Web Components. With it we can create custom DOM elements and have PhpStorm provide completion and CSS support for them. Let’s have a quick look at all of these! (more…)