I’m assuming that none of the above packages are already installed. From the terminal, simply enter the following command: $ npm i -S eslint eslint-config-airbnb-base eslint-plugin-import It will likely look something like this: $ cd ~/Dropbox/Projects/acme/wp-content/plugins/acme-pluginįor here, you’ll need to install ESLint and the Airbnb configuration files. If that’s the case, then navigate to the plugins directory for said project. Say, for example, you’re running a project out of a directory called acme in your Projects directory in Dropbox. Once you’ve got it set up (either by using said post or if it’s already set up), then you’ll be ready to move forward with actually installing the necessary tools to configure JavaScript linting in Visual Studio Code. The shortcut? It’s literally as simple as this (once Homebrew is installed): If you’re not, then I’ve got a guide for how to do that in this post. This post assumes that you’re familiar with setting up the Node Package Manager on your local machine. In this post, I’ll walk through the process of getting it setup in Visual Studio Code. I’m a fan and think it helps to write clean, readable JavaScript (that looks as if it’s been written by the same person – the ultimate goal of coding standards, right?). Same goes for CSS, Sass, or LESS, but that’s content for another post.įor recent projects, we’ve been using Airbnb JavaScript Style guide for our projects. I’m obviously a big fan of using coding standards whenever you’re writing server-side code (regardless of it being WordPress, PSR2, or whatever else – as long as you’re using something, I think it’s a good thing).īut when it comes to writing client-side code, namely JavaScript for this post, we don’t see it discussed as much though I think of it as being as equally important.

Visual studio code javascript for kids