WebStorm 6 EAP build 126.309

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 built-in file watcher template for UglifyJS tool.

We’re getting close to the release so we spend more time on fixing bugs and performance problems in all subsystems. So… if you see something, say something! (at bugtracker and forums).

Please find the list of resolved issues on the wiki.

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Early Access Preview, WebStorm | 11 Comments

WebStorm 6 EAP build 126.254

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 -> JavaScript -> Libraries (WebStorm -> Preferences on Mac OS). Please find more information on the libraries configuration here and here.

Note: If you have debug JS sources attached to the library, the IDE will ignore minified sources. In general, we encourage you to always use debug version of JavaScript libs as it is easier to be parsed by the IDE… and also is surprisingly much more pleasant to read :-)

  • Files that are part of JS library will not be validated any more, saving computer power and your time. If you still need a file to be validated, you can always ask Hector the Inspector that lives in the status bar.
  • File watchers: we now include predefined configuration for YUI Compressor (JavaScript and CSS) and Closure Compiler. More details in separate blog post are coming.
  • You can now keep your JSHint configuration in a file within the project. Just go to File -> Settings -> JavaScript -> JSHint and click ‘Use config files’. The IDE is smart enough to look for the file in parent folders as well, and kind enough to accept your custom path.
  • The IDE now carries a built-in HTTP server for static files. This means that you can simply type http://localhost:63342/<project name>/<path from the project root> in the browser (or on the mobile device) and the IDE will deliver your static pages right away! No more need to keep a local Apache/Httpd/nginx or whatever running 7×24! Our server also supports HTTPS.
  • Couple of fixes regarding JS classes inheritance and navigation.
  • Last but not least, and much awaited: There’s now code folding in SASS!

Please report any unexpected behavior to the tracker and praise, claim or enquire in forums. And stay tuned, we’ve got lot more interesting stuff coming!

Please find the list of closed issues on our wiki.

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Early Access Preview, WebStorm | 20 Comments

Navigating Between Files in the IDE: Best Practices

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.

Continue reading

Posted in Cool Feature, PhpStorm, WebStorm | Tagged , , , | 15 Comments

PhpStorm 6 EAP build 126.162

On PHP side we still focused on stability and bugfixes, with an important addition – ability to use PHPUnit provided in .phar or via composer dependency.

And the Web team supplied a ton of new features: HTML Structure view, Emmet, File Watchers, etc.

All of these is immediately available for download and via autoupdate.

Develop with pleasure!
-JetBrains Web IDE Team

Posted in Early Access Preview, PhpStorm | 44 Comments

WebStorm 6 EAP build 126.159

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 support for Emmet, HTML only for now, but CSS part will catch up soon!

4. JetBrains Chrome Extension is now distributed via Chrome Web Store. This means easier install and updates and less troubles with JavaScript debugging and Live Edit.

5. We’ve renamed Background tasks feature (that compile your TypeScript to JavaScript, LESS to CSS and so on) to File Watchers, which seems to be more appropriate name.

6. Last but not least: bugfixes is what we care about every day! JavaScript, TypeScript, Dart, as well as IntelliJ IDEA platform continuously get more stable and performant. If you feel different, please let us know, this is what our tracker and forums are for! ;-)

That’s all for now, just grab new build and try. And stay tuned, more features and improvements are on their way to you guys!

For those who like the numbers here’s the list of resolved issues.

Patch-updates are available for all platforms.

Develop with pleasure!
-JetBrains Web IDE Team

Posted in Early Access Preview, WebStorm | 15 Comments

Comparing Files and Folders within your IDE

Sometimes you have several different versions of files or folders related to your project locally, or you’ve just downloaded it from a remote source. In this case it’s crucial to work with the most up-to-date copy. If you need to merge changes and synchronise folders,  then it can become even more complicated, as well as difficult to perform manually without any support.

The good news is that you can quickly and conveniently compare and/or synchronize files/folders with guidance and support from your IDE, without any external tools. PhpStorm and other IntelliJ Platform IDEs help you explore differences in many situations: differences between files, directories, revisions of the same file under version control or in the local history, database objects, or local and remote files.

In this post we focus on local files and folders comparison.
Continue reading

Posted in Cool Feature, PhpStorm, WebStorm | Tagged , , , | 12 Comments

Using GitHub without leaving PhpStorm

In a previous post we saw how PhpStorm handles Version Control Systems (VCS). A very popular VCS is Git, driven by the collaboration that’s possible using GitHub. In this post, we’ll explore several integrations with GitHub that are available from within your IDE:

  • Create a GitHub repository
  • Clone a GitHub repo
  • Create a gist on GitHub
  • Open in browser
  • Use the GitHub issue tracker

Next to those actions, PhpStorm provides full support for the Git VCS like commit and update file/directory or an entire project, changelists, revision support and so forth. More on these features can be found in our earlier VCS overview post.

Continue reading

Posted in Cool Feature, PhpStorm, Tutorial | Tagged , , , | 22 Comments

PhpStorm 6 EAP build 126.92

Fresh build: a round of fixing and refinement. Just get it! Automatic update for all platforms is also available. Be sure to try new web stuff too.

Develop with pleasure!
-JetBrains Web IDE Team

Posted in Early Access Preview, PhpStorm | 19 Comments

WebStorm 6 EAP build 126.86

New WebStorm 6 EAP build 126.86 is available for download.

We’ve fixed troubles with LESS support that some of you may have stepped into using previous build. Also, we’ve brought a couple of improvements for built-in file watchers for TypeScript, CoffeeScript, SASS and LESS transpilation (nice word, eh?). This will make configuration phase even easier. We’ll publish more information on this topic shortly to ensure that you can try this at home :)

There are also some fixes regarding JavaScript, TypeScript and Dart languages support, and overall platform improvements. Let me also note that lot of stuff is under active development, so please follow the updates!

As usual, we very much need you feedback. We hope you will throw a stone at us about every problem you find using tracker and forums.

Here’s the full list of fixed issues.

Patch-updates from EAP build 126.37 are available for all platforms.

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Early Access Preview, WebStorm | 3 Comments

WebStorm 6 Sneak Peek- TypeScript, Background Tasks, and Sourcemaps

This quick video will highlight 3 new features coming in WebStorm 6:
1. TypeScript support
2. Background tasks (AKA “built-in file watchers”)
3. Sourcemap debugging

Posted in Cool Feature, Screencast, WebStorm | Tagged , , | 13 Comments