vscode에서 eslint 지원 vue 설정하기

1584 단어 js
준비 작업
npm i -D eslint eslint-plugin-html eslint-plugin-vue

.eslintrc.js
module.exports = {
    "root": true,
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true,
        "node": true,
        "jquery": true,
        "jest": true,
        "amd": true
    },
    "extends": [
        'eslint:recommended',
        //     ,          
        "plugin:vue/strongly-recommended"
        // 'plugin:vue/recommended'
    ],
    "parserOptions": {
        // "parser": 'babel-eslint',
        "ecmaVersion": 2015,
        "sourceType": "module",
        "allowImportExportEverywhere": true
    }
};

vscode 설정
자동 포맷 코드를 저장하려면 "eslint.autoFixOnSave" true
	"eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        //      eslint          
        //"vue",
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "html",
            "autoFix": true
        }
    ],
    //     true              js 
    "eslint.autoFixOnSave": false,
    "vetur.validation.template": false

좋은 웹페이지 즐겨찾기