Recently in the company I work for, we’ve been trying to improve Javascript code quality. After hooking up JSlint into our build script, it turned out that the most common issue with our code is missing semicolon at the end of statements. Fixing all warnings manually would be very boring task, that is why I started searching for alternative solution. Fortunatelly once again, WebStorm came for the rescue. As you probably know WebStorm has it’s own code inspection tool which indicates problems with code. However except that, this tool can also fix these problems automatically. Here is a little demonstration. Let us start with simple code.

1
Ext.define('GeneralLearning.controllers.ImageCachingController',{
2
    extend:'Ext.app.Controller',
3
    viewInstance:null,
4
    launch:function(){
5
        var me = this;
6
        me.viewInstance = Ext.create('GeneralLearning.views.ImageCachingView');
7
    },
8

9
    getView:function(){
10
        var me = this
11
        return me.viewInstance
12
    }
13
});

In the listing above, there are two lines with missing semicolon (in function getView). Let fix them using Webstorm code inspection tool. First of all, we have to make sure that appropriate inspection options are selected. In order to do that, let’s choose Settings from menu File. In the opened window, go to Settings and select options presented in the picture below.

In the next step, from menu Code choose Inspect code

In the opened window, we can change inspection profile or inspection scope, but usually we can go with default settings

After inspection is done, at the bottom of the screen you will see results

Now, we can quickly fix them by using context menu and clicking Terminate statement

Here is the result of fixing operation