Vue 스캐폴딩의 .eslintrc.js 코드 사양에 대한 솔루션

Vue 스캐폴딩을 사용하여 프로젝트를 만들 때, 특히 팀이 함께 프로젝트를 개발할 때 공통 코딩 사양에 따라 프로그래밍됩니다.Vue 스캐폴딩에는 .eslintrc.js 형식이 있지만 프로그래밍에서는 일반적으로 Shift+alt+f를 사용합니다. 형식을 지정하지만 형식화된 코드가 Vue의 .eslintrc 사양, 특히 ""; 및 공백 제어와 조정되지 않기 때문에 위의 내용은

다른 코드 사양 형식 코드를 사용한 결과입니다.

솔루션: 에스링크

VScode의 플러그인인 Eslink 구성

1.플러그인을 설치한다

2. 다음 코드를 구성합니다.

  // 配置 eslint  
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,
    //autoFix默认开启，只需输入字符串数组即可 
    "eslint.validate": [
        "javascript",
        "vue",
        "html"
    ],
    "[vue]": {
        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
    }

이때 vue 파일을 작성할 때 eslint 표준 구문에 따라 자동으로 감지되어 오류가 표시되며, 코드가 저장되면 eslint 구문 요구 사항에 따라 코드가 자동으로 복구됩니다.