eslint2 [Vue.js]VUE3 ESlint 오류 관련들 ESlint는 코드 작성시 문법 오류 및 버그 확인 뿐만아니라 협업간에 작업 스타일과 들여쓰기등 규칙이 틀리면 잔소리하는 VS Code 확장팩인데요. 조그만 규칙이 틀리면 오류라고 판단합니다. 오류가 다양해서 공부삼아 정리를 해보고자 합니다. 1. vue/no-multiple-template-root 오류 error The template root requires exactly one element vue/no-multiple-template-root 와 안에 로 한번 묶어주세요. Home | About Sass VUE2버전에서는 안에 반드시 로 묶여있어야 에러가 나지 않습니다. 하지만 VUE3버전에서는 안에 로 묶여있지가 않는데, ESlint가 아직 버전업이 안되서 그렇다고 합니다. 2. .eslint.. 2023. 1. 23. [Vue.js]Vs Code Vue.js 필수 확장 프로그램 vue로 개발할때 Vs Code에 필수 적으로 설치해야하는 프로그램입니다. 여기에서 필수는 vue로 코딩을 손쉽게 도와준다고 보시면 됩니다. 1. Vuter vue 코딩시 코드 하이라이팅 지원, 문법 강조, 코드 자동 완성, 디버깅 등 지원 2. HTML CSS Support 여러 기능들이 있지만, 태그를 자동으로 닫아준다던지 자동완성 형태로 코드를 찾아줍니다. 3. Vue 3 Snippets 스니펫을 이용하여 코드 자동 완성 4. ESLint 코드 작성시 문법 오류 및 버그 확인 참고로 vetur은 vue2때 사용했으며, vue3을 사용할경우 호환성 문제로 오류가 발생할 수 있다고 합니다. vue3을 사용하신다면 Vue Language Features (Volar)를 사용하시면 됩니다. 2023. 1. 22. 이전 1 다음
