jajaspider / daily-maple-front

0 stars 0 forks source link

Code Formatter #1

Open jajaspider opened 3 years ago

jajaspider commented 3 years ago

https://joshua1988.github.io/web-development/vuejs/boost-productivity/

ChoiChangYong commented 3 years ago

적용 가이드

  1. VSCode Extensions 에서 ESLint 설치

  2. Settings - Eslint: Validate 검색 - Edit in settings.json 클릭 - 아래 내용 추가

    {
    ...
    "eslint.validate": [
        "javascript",
        "javascriptreact", 
        "typescript", 
        "typescriptreact", 
        "vue"
    ],
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.workingDirectories": [
        {"mode": "auto"}
    ],
    ...
    }

    image

  3. Settings - format on save 검색 - 체크 해제되어 있어야함

image

  1. 포맷에 맞지 않으면 에디터에서 경고를 띄우는 지 & 저장 시 자동으로 변환되는 지 확인