vscode的eslint的配置

eslint是为了让代码写的更加规范而出来的东西，为了让自己养成一个良好的编程习惯。自己花了一点时间学习怎么配置，也走了点弯路，真的是一不小心就会出错，一把心酸史，。下面是自己vscode配置eslint的方法

1、先安装eslint插件

 

2、npm install eslint

3、shift+Alt+F（按下组合键，瞬间按照eslint规则格式化代码）

4、一些其他配置（用于vue编程环境），需安装vetur、prettier插件（从别人那儿看来的，前三步就能解决eslint报错问题，这边主要是一些vue编程相关的配置）

 

{
    "editor.fontSize": 18,
    "window.zoomLevel": -1,
    "fileheader.Author": "Hansen",
    "fileheader.LastModifiedBy": "Hansen",
    "emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html",
    },
    "eslint.autoFixOnSave": true,
    "prettier.eslintIntegration": true,
    // "files.associations": {
    //     "*.ejs":"html",
    //     "*.vue":"html",
    // },
    "editor.tabSize": 2,
    // 以下为stylus配置
    "stylusSupremacy.insertColons": true, // 是否插入冒号
    "stylusSupremacy.insertSemicolons": false, // 是否插入分好
    "stylusSupremacy.insertBraces": false, // 是否插入大括号
    "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
    "stylusSupremacy.insertNewLineAroundBlocks": false,
    "files.autoSave": "off", // 两个选择器中是否换行
    "eslint.codeAction.disableRuleComment": {
        "enable": true,
        "location": "separateLine"
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    "eslint.options": {
        "plugins": [
            "html"
        ]
    },
    "workbench.settings.useSplitJSON": true,
    "search.followSymlinks": false,
    "git.enabled": false,
    "git.autorefresh": false,
}