vscode 설정 vue 의 es6 규범 자동 포맷 상세 설명

머리말
최근 Vue 를 쓸 때 js es6 포맷 문 제 를 만 났 습 니 다.저 는 평소에 vscode 로 phop 을 쓰기 때문에 포맷 플러그 인 을 설치 합 니 다.html-css-js 플러그 인 도 포함 합 니 다.
문제:vue 문법 규범 문제 로 인해 사용 되 지 않 는 코드 형식 으로 자동 포맷 되 고 코드 오류 등 이상 이 발생 합 니 다.
이 편 을 쓸 때 저도 많은 자 료 를 찾 아 봤 습 니 다.많은 자 료 를 사용 할 수 없 었 고 많은 편집기 도 바 꿨 습 니 다.예 를 들 어 Atom,sublime,webstorm 등 입 니 다.
지 워 지지 않 는 편집기
Atom
이 편집 기 는 진심으로 비 주 얼 이 높 지만 플러그 인 은 정말 하기 어렵 고 여러 가지 벽 에 적응 하지 못 해서 버 리 기로 했 습 니 다.
sublime
동상,예전 에 sublime 은 벽 을 발견 하지 못 했 지만 지금 은 벽 이 있 는 것 같 아서 괴 롭 히 기 싫어 서 버 렸 습 니 다.
webstorm
웹 스 톰 의 강 함 은 설명 하지 않 지만 너무 크 고 느 려 서 화면 이 싫어 하 는 것 이 최종 이유 입 니 다.버 리 세 요.
MAC 설정 에서 vscode 자동 포맷 vue
관련 플러그 인:ESLint,JavaScript(ES6),vetur
관련 플러그 인 을 먼저 설치 합 니 다.settings.json 을 열 고 코드 블록 에 추가 합 니 다.

 "eslint.validate": [
  "javascript",
  "javascriptreact",
  {
   "language": "html",
   "autoFix": true
  },
  {
   "language": "vue",
   "autoFix": true
  }
 ],
 "eslint.autoFixOnSave": true,
 "explorer.confirmDragAndDrop": false,
 "editor.detectIndentation": false,
 "editor.tabSize": 2,
 "vetur.format.defaultFormatter.js": "none"
저장 하고 다시 시작,해결
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기