진스
vscode에서 eslint 에러와 prettier 적용 안될 경우 그리고 둘의 적용법 본문
ESLint: failed to load config "@vue/prettier"to extend from. 에러를 접함..
이거저거해보다 .eslintrc.js 파일내에서 수정하니 동작하였다
수정전
extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"],
수정후
extends: [ "eslint:recommended", "plugin:vue/recommended"],
prettier 적용 안될 경우
VSCode > Preference (cmd+,) 들어가서 'Default Formatter'를 검색
아래 설정이 null로 되어있을 텐데, 이를 'enbenp.prettier-vscode'로 고쳐준다.
VSCode Prettier 설정하는 방법
VSCode Extenstion탭에서 검색하여 설치해준 후,
설정 (Preference)에 들어가서 'editor format on save'를 검색, 체크박스에 체크 해준다.
다시 검색창에 'json'을 검색하면 아래와 같이 Edit in setting.json 파일이 나오는데, 눌러준다.
(VSCode 에디터의 전반적인 설정값을 넣는 json 파일이다)
아래와 같이 editor.formatOnSave이 true인지 확인해보자 (아니라면 true로 바꿔준다.)
참고
VSCode Prettier 적용 안 되는 오류
올해 어느샌가부터 VSCode에서 저장하면 자동으로 코드를 정렬해주는 Prettier가 작동하지 않았다. 귀찮아서 그냥 쓰고 있었지만, 원인을 알아내고 말았지.. VSCode > Preference (cmd+,) 들어가서 'Default For
nuggy875.tistory.com
둘다 적용하는 방법
ESLint 와 Prettier 적용
이 문서에서 사용하는 Prettier 버전은 1.19.1 입니다. (2020.03.02)Prettier는 코드를 읽어들여서 사용자 옵션에 따라 코드를 다시 포맷팅하는 코드 포맷터 입니다.코드 스타일에 초점을 맞추고 있기 때
velog.io
'IT관련' 카테고리의 다른 글
| 네이버 api (0) | 2021.06.22 |
|---|---|
| git conflict해결 (0) | 2021.06.09 |
| nvm 설치 및 node 설치 (0) | 2021.06.05 |
| 깃헙(github)의 gist 를 이용해 블로그에 코드복사하기 (0) | 2021.04.29 |
| 개발자 SI / SM / 솔루션 업체는 각각 어떤일을 할까? (0) | 2021.04.26 |
