eslint2 Vue(10) eslint 에러 화면 제거하기 (오버레이) Vue 에서 eslint 를 적용했을 때, Critical 한 에러가 아닌데도 overlay가 되어 화면을 가린다. 이걸 없애 볼거다. 1. App.vue 파일에서 빨간 줄이 떠버렸고, 2. 로컬서버를 실행해보니 eslint가 overlay가 되어 화면을 가린다. 이걸 없애 볼거다. 3. src 폴더 안에 vue.config.js 라는 파일을 만든다. (뷰 설정파일이다.) 아래와 같이 내용을 넣고 저장한다. // vue.config.js module.exports = { devServer: { overlay: false, }, }; 결과화면 화면 오버레이 없이 잘 나온다 ! 2021. 7. 30. Vue(2) VS code에서 ES lint 설정하기 ES lint란? 자바스크립트 문법에서 에러를 표시해주는 도구이다. ES lint를 사용하여 에러 같이 정말 문제가 되는 부분만을 지정하거나 전반적인 코딩스타일(ex. tab 설정, ; 여부 등)까지 지정할 수도 있다. 많은 사람들과 협업할때 특히 유용하며 에러와 코딩 스타일을 잡아줘서 한 사람이 코딩한 것처럼 된다. ES lint 설치하기 VS code에서 터미널을 키고 다음 명령어를 입력해준다. 1. eslint 설치하기 npm install -g eslint 2. eslint 생성하기 eslint --init 명령어를 입력하면 설정을 할 수 있다. (파란색 글씨가 내가 설정한 부분이다) 3. 모든 설정이 끝나면 프로젝트에 .eslintrc 라는 파일이 자동생성된다. 4. package.json에서는.. 2021. 4. 27. 이전 1 다음 반응형
