Home > Development Tools > VSCode > A brief discussion on how to build an eslint development environment in vscode

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

青灯夜游
Release: 2021-05-17 11:22:01
forward
2266 people have browsed it

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

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

[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

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

to install vscode The required eslint plug-in

plugin address ishere

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

##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
Copy after login

New file

touch app.js
Copy after login

Open vscode, let’s try to write some code

var num = 1;

const array = []
Copy after login

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

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

Now let’s install the global eslint

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

Open our Terminal and type

npm install eslint -g
Copy after login

After installation, you can view our version

eslint --v

// v2.8.0
Copy after login

Use eslint to create rules

eslint --init
Copy after login

We chose the standard eslint rule

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

Then we restarted our vscode

A brief discussion on how to build an eslint development environment in 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

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

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!

source:segmentfault.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template