Nuxt.js에 ESLint를 넣고 VSCode에서 자동 fix를 활성화하는 방법

2312 단어 nuxt.jsVSCodeESLint

전제


  • Nuxt.js 버전 2.9.2

  • 설정 방법



    1. Nuxt 프로젝트를 만들 때 eslint 지정





    2. VSCode 확장에 ESLint 추가





    3. settings.json에 설정 추가



    Command(⌘) + Shift(⇧) + P ' > settings를 입력하고,
    Preferences: Open Settings(JSON)를 선택합니다.


    다음 내용을 추가합니다.

    settings.json
    "eslint.run": "onSave",
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        { "autoFix": true, "language": "vue" }
    ],
    "editor.formatOnSave": false
    

    필요한 경우 .eslintrc.js 의 규칙 값을 편집하여 규칙을 조정합니다.

    좋은 웹페이지 즐겨찾기