Front-end/Vue.js4 [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. [Vue.js]vue 시작하기 - 설치 및 실행 맥(Mac) 기준으로 설명하겠습니다. vue를 시작하려면 vue js를 설치해줘야합니다. 그전에 node.js 를 먼저 설치해주세요. 설치방법은 vs code 에 터미널이나 맥 기본 프로그램 터미널을 이용하시면 됩니다. 저는 편집툴을 vs code를 이용하기 때문에 vs code 터미널을 사용하겠습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free an.. 2022. 11. 25. [Vue.js]vue 설치시 sudo: npm: command not found 에러 문구 해결방법 맥북에서 vue 설치시 터미널에서 sudo npm install -g @vue/cli 명령어를 입력하면, sudo: npm: command not found 문구가 나올때 해결 방법입니다. 여러가지 방법이 있겠지만, 해결이 안될경우 node js 공홈(https://nodejs.org/ko/)에서 .pkg 파일을 다운받아서 설치를 해주세요. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 그리고 sudo npm install -g @vue/cli 명령어로 실행하면 제대로 설치가 됩니다. 2022. 11. 25. 이전 1 다음
