eslint 메모

vue 에서 eslint를 사용했을 때의 메모

package.json

  "scripts": {
    "lintfix": "./node_modules/.bin/eslint \"src/**/*.{js,vue}\" --fix",
    "linter": "./node_modules/.bin/eslint \"src/**/*.{js,vue}\"",
  },

이런 식으로 package.json 를 기재했습니다.

bash

npm run lintfix

이렇게 사용합니다.

참고

vue.js 형식

.vue 파일의 HTML이 포맷되지 않았기 때문에 조사했습니다.

준비

확장 vetur 넣기

확장 Prettier 넣기

vscode 구성 파일에 다음을 추가

setting.json

"vetur.format.defaultFormatter.html": "js-beautify-html"

덧붙여서, 싱글 쿼트와 세미콜론은 다음과 같이 설정

setting.json

"prettier.singleQuote": true,
"prettier.semi":false,

이 설정은 싱글 쿼트, 세미콜론 없음.
이 설정에 따라 포맷합니다.

참고

htp // d. 하테나. 네. jp/미노쿠바/20180220/1519137867
htps : // p r r. 이오/도 cs/엔/오 p치온 s. HTML
cmd+shift+p 에서 Format Document(자동 보완되므로 전부 우울 필요는 없습니다)


설정에 다음을 추가하면 저장시 마음대로 포맷됩니다.

setting.json

"editor.formatOnSave": true,