소스코드 저장 시 eslint + prettier가 자동으로 동작하지 않을 때가 있다. 이는 VSCode의 settings.json에서 eslint와 prettier 관련 설정을 고쳐주면 해결된다. { // ... "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "editor.formatOnSave": true // ... } 위 설정이 VSCode가 인지할 수 있는 eslint + prettier 설정이다. settings.json을 잘 컨트롤 하면 방금 실행한 설정 외에도 다채로운 설정을 할 수 있다. 전역설정 전역설정을 하려면 windows 운영체제 기준 C:\Users\유저명\AppData\Roaming\Code\User\s..
윈도우 기준 Ctrl + P 누르고 > Preference: Open User Settings (JSON) 검색 후 진입 json 파일에 아래 내용 추가 { "workbench.settings.useSplitJSON": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true, }, "editor.formatOnSave": false, }
좋은 습관은 아니지만 간단한 연습을 할 때는 꺼두는 것이 정신건강상 이롭다. vue.config.js에 아래 코드를 넣으면 된다 defineConfig의 인수 객체에 lintOnSave: false를 추가하자. const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false, })