Skip to main content

JSHint for Visual Studio and WebStorm

I recently had the need to setup using JSHint between both Visual Studio 2013 and WebStorm 9. Below are the steps I took to accomplish this task.

Must have Web Essentials installed to use in Visual Studio.

Either choose to "Create Global JSHint settings" from the Web Essentials Menu, or add the following files to the root of your project.

.jscsrc should look like this:
    "excludeFiles": ["**"]
Reason for this is to prevent this Linter from running, for some reason Web Essentials will use all of the Linters it can find, not just JSHint. By excluding all files here you tell WE to not use JSCS.

.jshintignore will hold definition of files that should be ignored for JSHint:

.jshintrc contains settings for what you want JSHint to verify:
// Custom Globals
    "globals"       : { "angular": true, "_":  true }  
// additional predefined global variables
Make sure to list the globally defined variables that JSHint should not warn about.

WebEssentials-Settings.json contains the settings for Web Essentials:
"JavaScript": {
    "LintOnBuild": true,
    "LintOnSave": true,
    "LintResultLocation": "Message"
These are the important field for Lint verification.

Once these files are setup and working in Visual Studio with Web Essentials, switch over to WebStorm for setup.

Choose Settings under the File Menu:
Navigate to Languages & Frameworks ->Javascript -> Code Quality Tools -> JSHint:
Select Enable and Use config files, then make sure to look for .jshintrc, which should be the default option:
JSHint messages will show up in JS files, with a hover message to explain the warning:


Popular posts from this blog

Converting a Large AngularJS Application to TypeScript Part 1

I work on a project that uses AngularJS heavily. Recently we wondered if using a preprocesser like CoffeeScript or TypeScript for our JavaScript would be beneficial. If our team is going to switch languages, we would need to be able to convert existing code over without much pain and we would have to find enough value in switching that it would be worth the conversion. I had read an article that stated that because TypeScript is a SuperSet of JavaScript, you could convert a plain JavaScript file to TypeScript by changing the extension to .ts and not much else would need to change. I wanted to test out this claim, so I took a file that I was familiar with, an Angular Controller, and tried to convert it to TypeScript to see how much effort it would take and then try to figure out where we would benefit from using TypeScript. This is what the controller JavaScript file looked like to start out with: ( function () { 'use strict' ; angular .module( 'app'

My idea for Hearthstone to add more deck slots

Recently someone asked the Blizzard developers for more slots for decks in the game Hearthstone. The response was that they are talking about it and looking into it, but no decision has been made yet. One of the concerns over adding deck slots is that it could complicate the UI for Hearthstone and make it more difficult for new players to understand. I have what I think would be a good solution to add more deck slots without increasing the learning curve for the game much if at all. First I would take a look at the current selection screen for starting to play a game. It defaults to showing the decks that are custom built by the player if they have any custom decks, and there is an option to page over to the basic decks. This basic deck screen is perfect for how I would change this process. Instead of having 2 pages of decks, 1 for basic and 1 for custom, you would just see the select a Hero screen. Then once you selected the Hero you wanted, you would see all of the decks that

Gamify TDD

I like it when things that would not normally be associated with games add concepts from games as a way to incentives you to accomplish things. Why simply go for a run if you can have an app that will track you and give you a gold star if you do better than you did the last time? Why go to the coffee shop that only gives you coffee if the other one will give you points that you can redeem for free drinks eventually? I was recently introduced to C odeSchool , an online training system similar to PluralSight, it has video courses and challenges you can take to prove that you retained what the video taught. CodeSchool also adds badges and tracks to your learning, so as you complete a video and its challenges you get a badge. Complete a collection of courses within a specific discipline and you become a master of that discipline. Some of these incentives are not tangible and really don't mean much in the real world, but they tend to work for me. If I start working towards a large g