WebStorm

The Remote Host pane allows us to work directly on a remote server through FTP, FTPS, SFTP or a local/network folder. A lot of people asked us to add drag & drop to the Remote Host pane in PhpStorm. Good news: PhpStorm 6 comes with drag & drop as well as copy & paste support from the project pane to the remote host pane. (more…)

Have you ever started writing an app only to realize that you need a simple local webserver? Never fear, WebStorm 6 is here! Simply open "http://localhost:63342/", append your project name, and WebStorm will serve up your site for you! (more…)

Sourcemaps help to solve the problems in the JavaScript ecosystem introduced with JS minification and transpiling from other languages (e.g., CoffeeScript and TypeScript): Sourcemaps allow you to navigate between minified JavaScript files and the original JavaScript files before they were minified. Sourcemaps allow you to navigate between languages that compile to JavaScript (CoffeeScript, TypeScript, etc.) and the JavaScript files that are output in the compilation process. WebStorm 6 and PhpStorm 6 can now leverage the information provided by sourcemaps and use it to debug JavaScri

WebStorm 6.0, a new major update of our JavaScript IDE is available for immediate download and we are very excited to tell you what's in it! First, WebStorm allows for smarter and more streamlined web development with modern languages such as TypeScript, CoffeeScript and Dart. In addition to providing a first-class code editor for these languages, WebStorm 6 offers: Automatic compilation/transpilation of these higher-level languages into those recognized by browsers on all supported platforms. Full-featured debugging of TypeScript, Dart or CoffeeScript with source maps. And third, n

*Note - users of other JetBrains IDEs (RubyMine, PyCharm, IntelliJ IDEA, ...) will need to download and install the File Watchers plugin to use this functionality (available for free). The plugin is already bundled with WebStorm and PhpStorm. Many users have requested variations of “Automatic JS/CSS minification,” “Automatic TypeScript compilation,” “Automatic Less compilation,” and many others. Supporting all of these features requires leveraging myriad tools. Let’s just list a few with the most votes (in no particular order): YUI Compressor Closure Compiler TypeScript compil

Every JavaScript project bigger than "Hello, World" one uses libraries, often many of them. That's why handling libraries properly is so important for the IDE. Let's look at how WebStorm 6 supports libraries and what have been changed since version 5. If you haven't played with libraries lately, or just want to refresh memory, please take a look at our previous posts. And you can try all this in the recent WebStorm release. (more…)

One of the evolutions in JavaScript development is the new TypeScript language, an open-source superset of JavaScript that allows us to write code in a typed language which compiles to JavaScript. At JеtВrаins wе wоrk tirеlеssly tо bring аbоut mоrе аnd bеttеr suрроrt fоr this lаnguаgе. WebStorm 6 introduces full support for the TypeScript language through 3 new features: File Watchers, Sourcemaps and general support for working with code. (more…)

Today we're excited to announce Release Candidate build for WebStorm 6! We're really close to the release, so the focus is stability and performance in all subsystems. However there's another new feature that we decided to put in it: support for HTML5 microdata. The IDE will now assist you with completion for properties according to the schema you're using: There's also one more thing to mention. We've got a couple of complains about the IDE unexpectedly changing matching strings when renaming JavaScript variable of function. We've changed this behavior, now strings are skipped if

Here comes new fresh EAP build #126.309. Visible changes are: Emmet support now works in CSS files. Indeed, it is quite powerful (here's the exact list of what's done so far): Given: Result (after you press Tab): IDE now bundles support for Google Closure Linter tool. Now you've got a really nice tool set to be sure that your code is 100% free of errors, haven't you? :-) File watchers will now show output files (minified JS, CSS, source maps) under the source file node in Project view: Also output files will not be error-inspected by the IDE. There's now a buil

Please meet the new WebStorm 6 EAP build number 126.254. The changes worth mentioning include: The IDE will now highlight your JavaScript code according to the libraries that are configured for the file. This way you can now use libraries not only to filter the completion list, but also to clearly see what your code uses and be sure it won't fail in production as it calls a non-existing method from the library that was never supposed to be part of this project. So, if you suddenly get your code highlighted red, please make sure you've configured libraries correctly at File -> Settings

Working with multiple files in the editor is par for the course. The challenge, however, is not to get lost in zillions of editor tabs opened for each file in the editor pane. Luckily, smart tab management and a few navigation techniques go a long way toward helping you find your way around opened files quickly and efficiently. (more…)

This is to announce a new WebStorm 6 EAP biuld 126.159. Let's quickly drive through the changes in this build: 1. HTML structure view has been reworked, and now it's much easier to navigate over complex HTML files. More details will follow soon, let me just show a screenshot of HTML5 outline mode: 2. IDE can now grab the latest version of JSHint right from the Web, so you can always stay up to date with all the JSHint features. Just go to Settings -> JavaScript -> JSHint and choose the version you need or continue with the bundled one. 3. We implemented the long-awaited supp