[Vue.js] Eslint + Prettier 오류 (⏎·······)

2021. 5. 26. 23:31· WEB/Vue.js
목차
  1. [Vue.js] Eslint + Prettier ⏎······· 오류
반응형

 

[Vue.js] Eslint + Prettier ⏎······· 오류


1. 오류

vue-cli 로 프로젝트를 만들고 실행하니 다음과 같은 줄바꿈을 하라는 오류가 나왔다.

source code 상 오류
console 오류

 

2. 해결

.eslintrc.js 에 prettier 규칙 추가

[참고] [Prettier] htmlWhitespaceSensitivity 속성

 

// .eslintrc.js
rules: {
  "prettier/prettier": [
    "error",
    {
      htmlWhitespaceSensitivity: "ignore",
    }
  }
}

 

그리고, vscode eslint 설정에 autoFixOnSave 옵션을 true로 변경 

변경한 파일을 저장할 때마다 자동으로 eslint를 실행시켜 문제(오류)가 있으면 수정후 저장해주는 기능이다.

[참고] https://www.python2.net/questions-536098.htm

[참고] vscode eslint autoFixOnSave 옵션 사용법

// settings.json
"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
}

만약, 자동 저장하는 것이 싫다면?! 수동으로 바꿔주거나, 커맨드(콘솔)창에 lint --fix 명령어를 실행하면 된다. 

$ yarn vue-cli-service lint --fix

 

 

 

 

 

반응형
저작자표시 비영리 변경금지 (새창열림)

'WEB > Vue.js' 카테고리의 다른 글

[Vue.js] Vue 관련 문서 모음 👏  (0) 2021.05.27
[Vue.js] vscode 에서 vue 디버깅  (0) 2021.05.27
[Vue.js] Vue에서 JQuery 사용하기  (0) 2021.01.16
[Vue.js] Custom Directive : Outside Click Event  (0) 2021.01.13
[Vue.js] Custom Directive  (0) 2021.01.13
  1. [Vue.js] Eslint + Prettier ⏎······· 오류
'WEB/Vue.js' 카테고리의 다른 글
  • [Vue.js] Vue 관련 문서 모음 👏
  • [Vue.js] vscode 에서 vue 디버깅
  • [Vue.js] Vue에서 JQuery 사용하기
  • [Vue.js] Custom Directive : Outside Click Event
S0PH1A
S0PH1A
반응형
S0PH1A
Web Programmer
S0PH1A
전체
오늘
어제
  • 전체
    • About Me
    • Python
      • Python
      • Django
    • DataBase
      • MySQL
      • MongoDB
    • JAVA
      • JAVA
      • Spring
    • WEB
      • JavaScript
      • HTML
      • CSS
      • Vue.js
      • React
      • Nest.js
      • Node.js
      • Electron
      • PHP
    • Linux
    • Algorithm
    • 기타
    • 생각
    • App
      • ReactNative

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • javascript
  • Python
  • nodejs
  • Error
  • electron
  • vue
  • django
  • vue.js
  • install
  • mysql

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
S0PH1A
[Vue.js] Eslint + Prettier 오류 (⏎·······)
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.