关于VsCode 插件Eslint的使用和配置以及为什么不生效的解决办法

前言

我们在写代码的时候，对格式有着一定的格式要求，尤其是上班之后，如果各人的格式不能统一，就会造成代码每次更新都会大变样。使用vs的时候有一款插件可以资助我们一键格式化代码。
步调如下

1：在vs中安装插件

2：在vs中全局大概局部安装eslint

3：设置初始化文件

一般在创建项目标时候在根目次就会有.eslintrc.js和.eslintignore文件，如果没有可以自行创建，然后在此中键入以下内容：
.eslintrc.js

1. // https://eslint.org/docs/user-guide/configuringmodule.exports = {  root: true,  parserOptions: {    parser: 'babel-eslint'  },  env: {    browser: true,  },  extends: [    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.    'plugin:vue/essential',     // https://github.com/standard/standard/blob/master/docs/RULES-en.md    'standard'  ],  // required to lint *.vue files  plugins: [    'vue','js'  ],  // add your custom rules here  rules: {    // allow async-await    'generator-star-spacing': 'off',    // allow debugger during development    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'  }}

复制代码

.eslintignore

1. /build//config//dist//*.js/test/unit/coverage/

复制代码

4:设置settinng.json

打开file->preferences->setting

然后将以下内容贴进去，注意，设置格式的代码一定要在第一个大括号对内里！！！！

1. {    "eslint.codeAction.showDocumentation": {        "enable": true    },    "emmet.excludeLanguages": [        "markdown"    ],    //生存的时候自动格式化    "editor.formatOnType": true,    "editor.formatOnSave": true,    //  #让函数(名)和反面的括号之间加个空格    "javascript.format.insertSpaceBeforeFunctionParenthesis": true}

复制代码

5：其他常见的设置选项

eslint官方中文文档：内里有一些常用的设置，需要可自取！
6：接下来你在生存代码的时候便会按照你的格式举行格式化！


来源：https://blog.csdn.net/weixin_44863521/article/details/112002804
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！