MEAN is a full-stack web framework that consists of four very popular JavaScript-based projects: MongoDB, express, AngularJS and Node.js.                This screencast shows how  you can work with this development stack in WebStorm. (more…)

Grunt is a very popular tool in the JavaScript community. It’s built on top of Node.js, but it’s used even in most front-end only projects. So even if you don’t work with Node.js, many JavaScript developers install Node.js simply to use Grunt. Grunt can achieve many common tasks such as minifying code, linting code, and transpiling code (e.g., changing CoffeeScript into JavaScript). The most common scenarios are achieved by using Grunt plugins which are installed through npm. In fact, developers often simply create Gruntfile (a build file written using Grunt) that only uses common plugins a

In the year 2013 much has changed in the world of web development: new languages, frameworks and libraries, and even test runners and frameworks. JetBrains continues to provide the best tools for all web developers, no matter what language or technology they’re using, and in today's post we'll freshen your memory up with what new web development features IntelliJ IDEA 13 has (which is a good thing to do while waiting for 13.1 to come out.) (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…)

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

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 sourc

*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

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 http://www.youtube.com/watch?v=589eWAcIfsI

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 http://www.youtube.com/watch?v=589eWAcIfsI