A brief discussion on how to build an eslint development environment in vscode

This article will share with you how to build an eslint development environment based on vscode. It has a certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone

[Recommended learning: "vscode tutorial"]

Basic environment:

• vscode v1.0.0

• eslint v2.8.0

• mac

If you don’t have vscode yet, you can download it from here

to install vscode The required eslint plug-in

plugin address ishere

##Copy the command, open the shortcut bar in vscode, command p, paste , vscode will automatically download the plug-in. After the plug-in is downloaded, you will be prompted to restart vscode to run the plug-in.

After the installation is complete, we open Terminal and create our project

mkdir vsc-demo && cd vsc-demo

New file

touch app.js

Open vscode, let’s try to write some code

var num = 1;

const array = []

It seems that vscode does not recognize the keyword const now.

Now let’s install the global eslint

Open our Terminal and type

npm install eslint -g

After installation, you can view our version

eslint --v

// v2.8.0

Use eslint to create rules

eslint --init

We chose the standard eslint rule

Then we restarted our vscode

Then we found that there were more errors! Don’t panic, let’s see what the error is:

1 and 3 both prompt us that variables are defined but not used. The second prompts us that we added extra semicolons, let’s modify the code

OK, now eslint can work normally in our vscode environment and supports es6 syntax.

For more programming related knowledge, please visit:

Programming Video! !

The above is the detailed content of A brief discussion on how to build an eslint development environment in vscode. For more information, please follow other related articles on the PHP Chinese website!