vscode 新版eslint自动修复_eslint vscode 自动修复

建立.eslintrc.js文件

0.1 可以选择自己手动建立

在根目录建立文件.eslintrc.js

const pkg = require('./package.json');

module.exports = {

env: {

browser: true,

amd: true,

es6: true,

node: true

},

extends: ['airbnb'],

plugins: ['react', 'react-hooks'],

parser: 'babel-eslint'

};

复制代码

0.2 使用ESLint自动创建规则

npm init

eslint --init

eslint --init

How would you like to use ESLint? To check syntax, find problems, and enforce code style

What type of modules does your project use? JavaScript modules (import/export)

Which framework does your project use? None of these

Where does your code run? (Press to select, to toggle all, to invert selection)Browser

How would you like to define a style for your project? Use a popular style guide

Which style guide do you want to follow? Standard (https://github.com/standard/standard)

What format do you want your config file to be in? JavaScript

复制代码

配置以上规则。

安装npm包

针对vue

npm install --save-dev eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-vue eslint-plugin-react eslint-config-standard

复制代码

针对react airbnb

npm install --save-dev eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-react eslint-config-airbnb eslint-plugin-react-hooks

复制代码打开 vscode 修改配置文件

{

"eslint.autoFixOnSave": true,

"eslint.validate": [

"javascript", // 用eslint的规则检测js文件

{

"language": "vue", // 检测vue文件

"autoFix": true // 为vue文件开启保存自动修复的功能

},

{

"language": "react",

"autoFix": true

},

{

"language": "html",

"autoFix": true

},

],

"files.associations": {

"*.cjson": "jsonc",

"*.wxss": "css",

"*.wxs": "javascript"

},

"emmet.includeLanguages": {

"wxml": "html"

}

}

复制代码

重启VSCode使之生效。